缩略图片

==========================点击链接部分=============================================================
<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.οnmοusemοve=movemouse;
  return false;
 }
}
document.οnmοusedοwn=selectmouse;
document.οnmοuseup=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" οndragstart="return true" onselectstart="return true">--%>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" οncοntextmenu="return false" οndragstart="return false">
    <img src="<%=_imgurl%>" onDblClick="window.close();" class="drag">
    <%--<img id="preview_img" src='<%=_imgurl%>'  style="cursor:pointer" οnclick="window.close();" width="420";  οnlοad="resizeImage(this)" οncοntextmenu="return false;" alt="点击关闭" />--%>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值