如何用jQuery实现CSS点击图片动态放大缩小预览效果？

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

本文实例讲解了使用jQuery和CSS实现点击图片放大缩小的预览功能。分享给家长参考，具体如下：

要实现点击图片放大预览的功能，请按照以下步骤操作：

1. 点击一张图片，图片将放大，便于查看大图。

2.点击空白处，大图将隐藏，返回缩略图。

具体代码实现如下：

图片放大预览实例 #image-preview { width: 200px; height: 200px; cursor: pointer; }

请将上述代码保存为HTML文件，并将图片替换为您需要预览的图片地址。

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

要求

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

技术要点

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