»
Tiếng AnhTiếng PhápTiếng Việt

In - Phóng to ảnh - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Phóng to ảnh
URL: https://www.javascriptbank.com/pop-up-image-viewer.html

Phóng to ảnh © JavaScriptBank.comKhi nhấp chuột vào ảnh tượng trưng, website sẽ mở một cửa sổ trình duyệt mới để cho ta quan sát chi tiết ảnh này với kích thước lớn. Bạn có thể thay đổi các thông số của từng ảnh tùy theo mục đích sử dụng.

Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Phóng to ảnh
URL: https://www.javascriptbank.com/pop-up-image-viewer.html



JavaScript
<script language="JavaScript"><!--function JustSoPicWindow(imageName,imageWidth,imageHeight,alt,bgcolor,hugger,hugMargin) {if (bgcolor=="") {bgcolor="#FFFFFF";}var adj=10var w = screen.width;var h = screen.height;var byFactor=1;if(w<740){  var lift=0.90;}if(w>=740 & w<835){  var lift=0.91;}if(w>=835){  var lift=0.93;}if (imageWidth>w){  byFactor = w / imageWidth;  imageWidth = w;  imageHeight = imageHeight * byFactor;}if (imageHeight>h-adj){  byFactor = h / imageHeight;  imageWidth = (imageWidth * byFactor);  imageHeight = h; }   var scrWidth = w-adj;var scrHeight = (h*lift)-adj;if (imageHeight>scrHeight){    imageHeight=imageHeight*lift;  imageWidth=imageWidth*lift;}var posLeft=0;var posTop=0;if (hugger == "hug image"){  if (hugMargin == ""){    hugMargin = 0;  }  var scrHeightTemp = imageHeight - 0 + 2*hugMargin;  if (scrHeightTemp < scrHeight) {scrHeight = scrHeightTemp;  }   var scrWidthTemp = imageWidth - 0 + 2*hugMargin;  if (scrWidthTemp < scrWidth) {scrWidth = scrWidthTemp;  }    if (scrHeight<100){scrHeight=100;}  if (scrWidth<100){scrWidth=100;}  posTop =  ((h-(scrHeight/lift)-adj)/2);  posLeft = ((w-(scrWidth)-adj)/2); }if (imageHeight > (h*lift)-adj || imageWidth > w-adj){imageHeight=imageHeight-adj;imageWidth=imageWidth-adj;}posTop = parseInt(posTop);posLeft = parseInt(posLeft);scrWidth = parseInt(scrWidth); scrHeight = parseInt(scrHeight);var agt=navigator.userAgent.toLowerCase();if (agt.indexOf("opera") != -1){  var args= new Array();  args[0]='parent';  args[1]=imageName;  var i ; document.MM_returnValue = false;  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");} else {newWindow = window.open("","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);//vwd_justso.htmnewWindow.document.open();newWindow.document.write('<html><title>'+alt+'</title><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor='+bgcolor+' onBlur="self.close()" onClick="self.close()">');  newWindow.document.write('<table width='+imageWidth+' border="0" cellspacing="0" cellpadding="0" align="center" height='+scrHeight+' ><tr><td>');newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="Click screen to close" >'); newWindow.document.write('</td></tr></table></body></html>');newWindow.document.close();newWindow.focus();}}//--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<b>Click image below to enlarge</b><br><br><a href="javascript:;"><img src="logojs.gif" border="2" onClick="JustSoPicWindow('logojs.gif','512','384','Click here to zoom in','#FFFFFF','hug image','2');return document.MM_returnValue"></a><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->