0
我在此頁面上使用jQuery Cycle進行幻燈片演示:http://www.orientalhealthsolutions.com/爲什麼jQuery Cycle無法正常工作?有衝突嗎?
頁面中央的圖像應旋轉。但是,他們不是。
下面是HTML:
<div class="slideshow">
<img src="{site_url}/photos/slideshow-1.jpg" alt="slideshow-1" width="600" height="410" />
<img src="{site_url}/photos/slideshow-2.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-3.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-4.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-5.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-6.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-7.jpg" alt="slideshow-2" width="600" height="410" />
</div>
這裏是jQuery的:
<script type="text/javascript" src="{site_url}scripts/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
timeout: 4000,
autostop: 1
});
});
</script>
我用Firebug試過了,腳本加載,但事情仍然失蹤,我將不勝感激一些幫助整理出來。
謝謝!
是否加載了jquery? – 2012-04-19 15:46:59