0

このページのスライドショーにjQueryCycleを使用しています：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.jsnoConflictを使用します。その後、$をjQueryとして参照する必要があります。$（）呼び出しをjQuery（）に変更すると、正常に機能するはずです。

于 2012-04-19T15:47:39.403 に答える