0

以下のスライド ショーのコードには、「前へ」と「次へ」のリンクを押す機能があります。「次の」は正常に機能し、押し続けると、すべてのスライドが循環します。

「前の」スライドは、何らかの理由で少しめちゃくちゃになっています。1 枚か 2 枚のスライドに戻りますが、空白になります。

助けていただけますか？ありがとうございました！

<script type="text/javascript">
    start_slideshow(1, 3, 3000);

    var currentSlide = 1;

    function start_slideshow(start_frame, end_frame, delay) {
        id = setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);
    }

    function switch_slides(frame, start_frame, end_frame, delay) {

        return (function() {

            Effect.Fade('slide' + frame, { duration: 1.0 });

            if (frame == end_frame) {
                frame = start_frame; 
                currentSlide = frame;
            } else {
                frame = frame + 1; 
                currentSlide = frame;
            }

            Effect.Appear('slide' + frame, { duration: 1.0 });

            if (delay == 1000) {
                delay = 3000; 
            }

            id = setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay);
        })
    }

    function stop_slideshow() {
        clearTimeout(id);
    }

    function next_slide() {

        clearTimeout(id);

        Effect.Fade('slide' + currentSlide, { duration: 1.0 });

        if (currentSlide == 4) {
            currentSlide = 0;
        }

        currentSlide = currentSlide + 1;
        Effect.Appear('slide' + currentSlide, { duration: 1.0 });
        id = setTimeout(switch_slides(currentSlide, currentSlide, currentSlide, delay), delay);
    }

    function previous_slide() {

        clearTimeout(id);

        if (currentSlide == 0) {
            currentSlide = 1;
        } else {
          Effect.Fade('slide' + currentSlide, { duration: 1.0 });

          currentSlide = currentSlide - 1;
          Effect.Appear('slide' + currentSlide, { duration: 1.0 });
          id = setTimeout(switch_slides(currentSlide, currentSlide, currentSlide, delay), delay);
        }
    }

</script>
4

1 に答える 1

0

私はこのような、またはこれに似た問題に遭遇しました。現在キューに入れられているエフェクトが終了する前に、前または次のボタンを「すばやく」クリックしていると想定しています。これにより、エフェクトでエラーが発生し、特定の要素に複数のエフェクトが同時に適用されることになります。

これを修正するために、scriptaculousを使用すると、エフェクトを順番にキューに入れることができます。こちらのドキュメントを参照してください： http ：//wiki.github.com/madrobby/scriptaculous/effect-queues

基本的に、エフェクトにスコープを追加する必要があります。したがって、期間を追加した後、キュースコープを追加する必要があります。

例：

Effect.Fade('slide' + currentSlide, { duration: 1.0, queue: { scope: 'slide_show' } });

これにより、ボタンが押されたときにキュー内のすべてをキャンセルできます。

var queue = Effect.Queues.get( 'slide_show' );
queue.each( function( effect ) { effect.cancel(); } );

これはおそらくあなたのブランキングを修正するでしょう...しかしおそらくそうではありません。とにかく、これらの方法はスライドショーで採用する必要があります;）

修正されない場合は報告してください。さらにトラブルシューティングを行います。

于 2010-07-27T15:43:41.907 に答える