0


0

1つではなく2つの画像のスライドショーのjQueryサイクルプラグインを変更するにはどうすればよいですか?

スライドショーが次のように見えると想像してください。http://malsup.com/jquery/cycle/div.htmlには3つではなく2つの画像しかありません。

また、このページの中央にあるデモのように、2つのトリガーがあることを想像してください。http://jquery.malsup.com/cycle/lite/

それは私が構築したいものです。

ただし、「次へ」と「前へ」を押すと、各画像が他の画像に移動したり、その逆に移動したりします。 そのため、コードは次のようになります。


jQueryは次のようになります。

$('#slideshow').cycle({
        fx: 'wipe',
        timeout: 0,
        prev: '#left-arrow',
        next: '#right-arrow',
    });

スタイルシート:

#slideshow {
    overflow: hidden;
}

したがって、「次へ」(この場合は「#right-arrow」)を押したときに、スライドショーの元の状態で、image2がimage1の位置にスライドし、image 3が表示されるようになると想像してくださいここで、image2。

もう一度[次へ]を押すと、回転が続行され、images1と2は表示されなくなります。

前を押すと、順番に戻ります。

その機能のためにこのプラグインを変更するにはどうすればよいですか?

各画像を異なるスライドに配置するなど、さまざまなことを試しましたが、実装がうまくいきませんでした。

何か案は?

1 Answer


2


この動作については、jCarouselまたはjCarouselLiteを試してください。