图片点击放大效果怎么实现？

[niuge798588567]

图片点击放大效果怎么实现？能不能粘下代码看看！最近需要这样一个技巧，但不知道如何实现，各位大虾请指点！！谢谢！！

[「已注销」]

推荐看看：jQuery FancyBox

[izard999]

onclick的时候改变样式就Ok了!

[izard999]

<img onclick="this.style.width:">类似这样

[猿敲月下码]

可以用jQuery来实现,我这里有个例子,LZ拿去看下:
效果如图:


下载地址:http://download.csdn.net/source/2454168

[lastForward]

这种方式实现其是很简单，通常做法是双击后改变图片的大小，但这样做的话图片会实真。
还有种是事先做好小图片，和大图片。当然图片是经过PS等工具处理后的，双击改变图片的路径即可。
另外有众多的js框架可以解决LZ 的需求 如：lightbox ， chearbox 等。
这些都是用来呈现图片的。

[buzaibeishang4617016]

呵呵，学习了，等下看看楼上的

[guangmingdeshenju]

最好事先做好大图，小图，click事件触发，再刷新显示大图

[ronniegxq]

[Quote=引用 3 楼 izard999 的回复:]

<img onclick="this.style.width:">类似这样
[/Quote]
good

[qiheia]

<img onclick="this.style.width:宽度;this.style.height:高度">

[ronniegxq]

<img src="xxx.jpg" width=xxx height=xxx onclick = "this.width=xxx" >

[teemai]

[Quote=引用 5 楼 lastforward 的回复:]
这种方式实现其是很简单，通常做法是双击后改变图片的大小，但这样做的话图片会实真。
还有种是事先做好小图片，和大图片。当然图片是经过PS等工具处理后的，双击改变图片的路径即可。
另外有众多的js框架可以解决LZ 的需求 如：lightbox ， chearbox 等。
这些都是用来呈现图片的。
[/Quote]+1

[sun0322]

[Quote=引用 2 楼 izard999 的回复:]
onclick的时候改变样式就Ok了!
[/Quote]

学习了！

[sun0322]

<img onclick="aa(this);" src="123.bmp">1</img>

<br>

<img onclick="this.style.width:200px;" src="123.bmp">2 请指教</img>

<script>
function aa(im){
alert("aa");
//im.style.width=200px; error
im.style.width="200px"; //ok
}


</script>