图片展示脚本-优快云博客

本文链接：https://blog.youkuaiyun.com/jmh521/article/details/3520359

==========================点击链接部分=============================================================
<script type="text/javascript">
window.onload = function(){
maxwidth = 400
IMGOBJ = document.getElementsByName("imgautowidth");
if(IMGOBJ && IMGOBJ.length){
  for(i = 0; i<IMGOBJ.length; i++){
   IMGOBJ[i].style.display = "";
   if(IMGOBJ[i].width > maxwidth){
    IMGOBJ[i].width = maxwidth
   }
  }
}
}

function showimg(img){
var newimg = new IMGINFO(img.src);
window.open('Show_AlbumImg.aspx?imgurl='+img.src,'screenshot','width='+ newimg.w +',height='+ newimg.h +',top=0,left=0,scrollbars=no,toolbars=no')
//window.open('/imgview.asp?imgurl='+img.src,'screenshot','width='+ newimg.w +',height='+ newimg.h +',top=0,left=0,scrollbars=no,toolbars=no')
}
var IMG_PV;
function IMGINFO(url) {
IMG_PV = new Image();
IMG_PV.src = url;
this.w = IMG_PV.width;
this.h = IMG_PV.height;
}
</script>

<div style="overflow:hidden; text-align:center; width:400px;"><img src='<%# DataBinder.Eval(Container.DataItem, "albumimg_imgurl")%>' style="cursor:pointer;" name="imgautowidth" onClick="showimg(this)"/></div>
===========================显示部分=============================================================
<script language="JavaScript1.2" type="text/JavaScript">
var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;

function movemouse(e) {
if (isdrag) {
  dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
  dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
  return false;
}
}
function selectmouse(e) {
var fobj      = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? 'HTML' : 'BODY';

while (fobj.tagName != topelement && fobj.className != 'drag') {
  fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}
if (fobj.className=='drag') {
  isdrag = true;
  dobj = fobj;
  tx = parseInt(dobj.style.left+0);
  ty = parseInt(dobj.style.top+0);
  x = nn6 ? e.clientX : event.clientX;
  y = nn6 ? e.clientY : event.clientY;
  document.onmousemove=movemouse;
  return false;
}
}
document.onmousedown=selectmouse;
document.onmouseup=new Function('isdrag=false');
</script>

<style>
.drag {
position: relative;
cursor: move;
}

body {
background-color: #C0C0C0;
}
</style>
</head>
<%--<body style="margin:0;padding:0" bgcolor="#F0F0F0" ondragstart="return true" onselectstart="return true">--%>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false">
<img src="<%=_imgurl%>" onDblClick="window.close();" class="drag">
<%--<img id="preview_img" src='<%=_imgurl%>' style="cursor:pointer" onclick="window.close();" width="420"; onload="resizeImage(this)" oncontextmenu="return false;" alt="点击关闭" />--%>
</body>
</html>

缩略图片