0

我在此页面上使用 jQuery Cycle 进行幻灯片放映:http ://www.orientalhealthsolutions.com/

页面中心的图像应该旋转。但是,它们不是。

这是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,脚本正在加载,但仍然缺少一些东西,我希望能得到一些帮助来整理它。

谢谢!

4

1 回答 1

1

jquery.dropmenu.js使用无冲突。之后,您需要将 $ 称为 jQuery。将您的 $() 调用更改为 jQuery() ,它应该可以正常工作。

于 2012-04-19T15:47:39.403 回答