作者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