jquery - 如何在点击时在弹出窗口中显示图像

Question

我有一个简单的 Accordion ，它有三个 div，类别一，类别二，类别三。所有三个 div 都有一些图像，我想要实现的是当我点击 Accordion 中的任何图像时，该图像应该显示在弹出窗口中，其高度宽度增加。任何人都可以帮助我。非常感谢任何帮助。谢谢。

Example Fiddle

Answer 1

这是一个没有任何插件帮助的 fiddle :http://jsfiddle.net/SzR6h/25/

回复您的评论

假设你的大图片有一个完全不同的名字，我会把那个名字放在图片标签的 data-*-Attribute 中，例如

<img src="http://0.s3.envato.com/files/19320511/Scenery%2080x80%20Avatar.png"
data-image-big="url_to_image_big"/>

在您的 javaScript 中，您可以通过以下方式获取图片 URL:

var urlBigImage = $img.data('image-big');