实现点击图片图片放大效果(续)
2007-06-11 19:43
453 查看
google_ad_client = "pub-2048279401139630";google_ad_slot = "8856771542";google_ad_width = 728;google_ad_height = 90;document.write("");
function EnlargeImage()
...{
var myobj= document.getElementById("dongtaicon");//div的id,下面包含img
var obj = myobj.getElementsByTagName("img");//获取div下面的img数组
var img;
for(var i=0;i<obj.length;i++)
...{
obj[i].style.cursor = "pointer";
obj[i].alt = "点击放大图片";
if(window.addEventListener)//firefox等其它浏览器的事件添加
...{
obj[i].addEventListener("click",
function()
...{
window.open(this.src);
},
false
);
}
else//IE浏览器的事件添加
...{
obj[i].attachEvent("onclick",
function()
...{
window.open(this.event.srcElement.src);
}
);
obj[i].attachEvent("onload",
function()
...{
if(this.event.srcElement.width > 320)
...{
this.event.srcElement.width = 320;
}
}
);
}
}
}
function EnlargeImage()
...{
var myobj= document.getElementById("dongtaicon");//div的id,下面包含img
var obj = myobj.getElementsByTagName("img");//获取div下面的img数组
var img;
for(var i=0;i<obj.length;i++)
...{
obj[i].style.cursor = "pointer";
obj[i].alt = "点击放大图片";
if(window.addEventListener)//firefox等其它浏览器的事件添加
...{
obj[i].addEventListener("click",
function()
...{
window.open(this.src);
},
false
);
}
else//IE浏览器的事件添加
...{
obj[i].attachEvent("onclick",
function()
...{
window.open(this.event.srcElement.src);
}
);
obj[i].attachEvent("onload",
function()
...{
if(this.event.srcElement.width > 320)
...{
this.event.srcElement.width = 320;
}
}
);
}
}
}
相关文章推荐
- android 仿微信点击图片放大效果实现
- vue实现点击图片放大效果
- JS实现:点击后,图片弹出放大,背景变黑的效果
- JS实现点击图片在当前页面放大的漂亮效果
- jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
- 点击图片缩略图放大展示效果的实现
- js实现图片点击弹出放大效果(无插件)
- 9宫格实现微信朋友圈图片点击放大缩小弹簧效果
- iOS 点击图片放大效果的实现
- JS实现点击图片在当前页面放大并可关闭的漂亮效果
- js+jquery+html实现在三种不通的情况下,点击图片放大的效果
- 从数据库中取图片路径 实现jQuery 图片点击放大效果
- RecyclerView实现瀑布流,快速滑动,侧滑删除,点击图片放大等效果
- JS实现点击图片在当前页面放大并可关闭的漂亮效果
- 实现点击图片图片放大效果
- 使用lightbox插件实现js点击图片放大并能关闭的效果
- 优秀前端教程:实现图片的形状遮罩和动画放大效果
- js实现图片的放大效果
- 开发中点滴积累图片点击放大的实现
- js点击图片放大效果ImageZoom代码下载