ecshop二次开发--放大镜

展示效果:点击哪里显示哪里

ecshop二次开发--放大镜_第1张图片

















代码实现:

进入themes->default->goods.dwt







运用放大镜中的这个插件,这两个文件夹里面的jquery-1.3.2.min.js,jqzoom.pack.1.0.1.js,jquery.json-1.3.js三个文件复制到项目里面的js文件夹下。如果没有这三个jquery.js则到这个网址进行复制即可http://blog.csdn.net/haoyunyun888/article/details/51425559

一下是这三个jquery的js,直接建立三个jquery-1.3.2.min.js,jqzoom.pack.1.0.1.js,jquery.json-1.3.js放到upload->js中就可以了













 {insert_scripts files="jquery-1.3.2.min.js,jqzoom.pack.1.0.1.js,jquery.json-1.3.js"}
		<script>
			  jQuery.noConflict();
			  jQuery(function($) {
				var options =
			  {
				zoomWidth: 500, //放大镜的宽度
				zoomHeight: 350,//放大镜的高度
				zoomType:'standard'
			  };
			  $(".jqzoom").jqzoom(options);
		});
		</script>

2.将圈起来的数据改成和我这个一样的就可以了。实现了









你可能感兴趣的:(ecshop二次开发--放大镜)