0

JQuery サイクルを使用して、画像ボタンをクリックして前または次のスライドを視聴者が表示できるスライドショーを作成したいと考えています。

ここからダウンロードした JavaScript を使用します: http://jquery.malsup.com/cycle/int2.html

私のHTMLは次のようになります。

<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<script type="text/javascript">
$(document).ready(function()
{
$('#slide').cycle({ 
fx:     'fade', 
speed:  'fast', 
timeout: 0, 
next:   '#next', 
prev:   '#prev' 
});
</script>

そして、スライドを手放します：

    <div id="slideshow-wrapper">
        <div id="slideshow-control">
            <a id="prev" href="#"><img src="images/prev.png" alt="Previous" /></a>
            <a id="next" href="#"><img src="images/next.png" alt="Next" /></a>
        </div>

        <div id="slide">
            <img src="images/banner/banner01.jpg" alt=" " />
            <img src="images/banner/banner02.jpg" alt=" " />
            <img src="images/banner/banner03.jpg" alt=" " />
        </div>
    </div><!--#slideshow-wrapper end-->

この問題に関する他の投稿を見たので、解決策を提案してみました。ただし、スライドショーを機能させることはできません。:-/ 私は JavaScript についてよく知らないので、何かが足りないか、何か間違ったものをコピーしただけだと確信しています。

誰かがここで何がうまくいかないのかを見ていただければ幸いです。:-)

4

2 に答える 2

0

適切な数の中かっこ/かっこでスクリプトを閉じていません。

$(document).ready(function()
{
  $('#slide').cycle({ 
                      fx:     'fade', 
                      speed:  'fast', 
                      timeout: 0, 
                      next:   '#next', 
                      prev:   '#prev' 
                    }
                   ); //end of #slide.cycle
}); //end of doc-ready
于 2012-04-12T23:44:14.957 に答える