作者Giojo (giojo)
看板Web_Design
标题[问题] 请问jQuery Cloud Zoom的应用
时间Fri Jun 28 16:23:29 2013
我是参考梅问题教学网, 教学为三张图片可以切换:
http://www.minwt.com/js/2478.html
我想做出以下效果(请拖至下方看), 只有一张图片放大的
http://www.minwt.com/ps/2120.html
以下为参考後自己修改写的, 图片可以放大效果都没问题.
但点了图片後会显示连结断掉,
可以请帮我看看问题所在吗? 谢谢
<!-- 图片放大 -->
<script type="text/javascript"
src="../../jQuery/jquery.min.js"></script>
<script type="text/javascript"
src="../../jQuery/cloud-zoom/cloud-zoom.1.0.2.min.js"></script>
<script type="text/javascript"
src="../../jQuery/thickbox/thickbox-compressed.js"></script>
<div class="wrapper">
<script>
$(function(){
$('.mousetrap').live('click', function(){
$('#zoom1').click();
});
});
</script>
<!-- 第一张截入的影像,这边的zoom1不可更改，rel是设定Cloud-Zoom的参数 -->
<a id="zoom1" class="thickbox cloud-zoom"
href="../../TW/images/pump_enlarge.jpg"
rel="adjustX:10, adjustY:-4, zoomHeight:264, zoomWidth:264">
<img alt="" src="../..//TW/images/pump_2.jpg"
title="Pump"
style="border: 2px solid ; width: 264px; height: 230px;"></a></div>
<!-- 图片放大 -->
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 1.162.49.4