缩略图片点击放大解决方案
日期：2014-05-17 浏览次数：20798 次
缩略图片点击放大
<img src="1.jpg"></img>里面给了一张图片不过显示的是缩略图，现在要点击把它放大成原图在顶层（其他不能编辑）居中显示。
------解决方案--------------------
用javascript来实现吧。。其实还没搞清楚你要干嘛。。
------解决方案--------------------
<html>
<head></head>
<body>
<br><br><br>
hello test...
<div><img src="123.jpg" height="60" width="100" onmouseover="this.width=300;this.height=180;" onmouseout="this.width=100;this.height=60;" /></div>
</body>
</html>
------解决方案--------------------
听你的意思就是要弄个 可拖动的js弹出式特效模式对话框(div)
弹出时，盖住页面其它内容，但仍然可见，仅当前div可操作，
可以拖动，拖动时的div为透明的，div底下的内容也是可见的，对浏览器的兼容性强
是吧, 我这儿有：
<img src="1.jpg" onclick="dialogWin('查看原图', 800, 600, '1_max.jpg')"></img>
这个四个参数分别表示：标题,模式div的宽度,高度,要弹出的url
------解决方案--------------------
哦，你这个效果是这样的，一开始就加一个div，div的height和width是clientY和clientX里面就把缩略图的放大图加载进来并居中，div的背景设为黑色#333,然后透明度0.6和60%自己看css是那个A什么开头的，给你的缩略图添加一个onclick事件，div设置为display:none;当点击图片的时候display:block;搞定！！！给分亲。。。够清楚了撒，还是不懂可加QQ：289660870
------解决方案--------------------
哦，你这个效果是这样的，一开始就加一个div，div的height和width是clientY和clientX里面就把缩略图的放大图加载进来并居中，div的背景设为黑色#333,然后透明度0.6和60%自己看css是那个A什么开头的，给你的缩略图添加一个onclick事件，div设置为display:none;当点击图片的时候display:block;搞定！！！给分亲。。。够清楚了撒，还是不懂可加QQ：289660870
<img src="1.jpg"></img>里面给了一张图片不过显示的是缩略图，现在要点击把它放大成原图在顶层（其他不能编辑）居中显示。
------解决方案--------------------
用javascript来实现吧。。其实还没搞清楚你要干嘛。。
------解决方案--------------------
<html>
<head></head>
<body>
<br><br><br>
hello test...
<div><img src="123.jpg" height="60" width="100" onmouseover="this.width=300;this.height=180;" onmouseout="this.width=100;this.height=60;" /></div>
</body>
</html>
------解决方案--------------------
听你的意思就是要弄个 可拖动的js弹出式特效模式对话框(div)
弹出时，盖住页面其它内容，但仍然可见，仅当前div可操作，
可以拖动，拖动时的div为透明的，div底下的内容也是可见的，对浏览器的兼容性强
是吧, 我这儿有：
<img src="1.jpg" onclick="dialogWin('查看原图', 800, 600, '1_max.jpg')"></img>
这个四个参数分别表示：标题,模式div的宽度,高度,要弹出的url
------解决方案--------------------
哦，你这个效果是这样的，一开始就加一个div，div的height和width是clientY和clientX里面就把缩略图的放大图加载进来并居中，div的背景设为黑色#333,然后透明度0.6和60%自己看css是那个A什么开头的，给你的缩略图添加一个onclick事件，div设置为display:none;当点击图片的时候display:block;搞定！！！给分亲。。。够清楚了撒，还是不懂可加QQ：289660870
------解决方案--------------------
哦，你这个效果是这样的，一开始就加一个div，div的height和width是clientY和clientX里面就把缩略图的放大图加载进来并居中，div的背景设为黑色#333,然后透明度0.6和60%自己看css是那个A什么开头的，给你的缩略图添加一个onclick事件，div设置为display:none;当点击图片的时候display:block;搞定！！！给分亲。。。够清楚了撒，还是不懂可加QQ：289660870
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
