Jquery图片查看放大插件

源网站效果

查看演示
插件来自Jquery插件库

• 下面是个人最简单的demo

1. 首先引入css，jquery，js，最简单的demo只需要引入这三个文件如上，图片自选。
2. 插件链接可在上方链接处下载，免费的哦！
3. 元素结构如下。

		
		
		
		//也可以
		
		  
		
		
		  
		
		
		  
		

可以看出两种结构稍有不同，但是问题不大，只要记住方案1中data-src、方案2中href为大图片地址，两个方案中中的img标签的src为小图片地址。
在我的方案1中用的是同一个地址，方案2中是不同地址，这个可根据情况选择显示。

• 如果遇到点击按钮才可查看图片，则用方案2，我们将a标签里面的img标签隐藏且在a标签里面添加一个按钮，或者将a标签本身渲染成按钮样式。如下代码

	
		查看
	 	
	
	
				这是a标签内容
		
	
	
		查看
		
	

效果如下

我们点击对应的按钮或链接，就能打开图片了。