如何用jQuery实现点击图片动态调整大小并预览的功能？

本文共计476个文字，预计阅读时间需要2分钟。

本示例展示了如何使用jQuery和CSS实现点击图片放大预览功能。具体如下：

点击一张图片，图片会放大显示；点击空白处，图片会隐藏，回到缩略图状态。代码如下：

图片放大预览 #preview img { width: 100px; height: 100px; cursor: pointer; } #bigimg { display: none; width: 300px; height: 300px; }

本文实例讲述了jQuery+css实现的点击图片放大缩小预览功能。分享给大家供大家参考，具体如下：

要求

点击一张图片，图片就会放大，查看大图，点击空白处就会隐藏大图，回到缩略图。

技术要点

主要是Jquery进行元素的显示与隐藏。