javascript - この素晴らしいスライド ショーを実現するにはどうすればよいですか?

Question

HTML、CSS、Javascript、および JQuery にかなり精通しています。スライドのメイン要素 (画像を意味する要素) が横から入ってくる間、背景がフェードする Web サイトにあるこの素晴らしいスライドをどのように実現できますか。

ウェブサイト: http://www.scorpiondesign.com/

Answer 1

jQueryUI 効果を使用したい場合は、簡単にこれを行うことができます。各スライドに png 画像と必要な html が必要であり、そのスライド表示を none に設定する必要があります。外側のスライダーには、overflow プロパティを非表示にする必要があります。これを使用して画像をスライドさせることができます：

$(".thumb1").click(function(){
     $('#slide1').show('slide', {direction: 'left'}, 1000);     
});

.thumb1はスライド 1 のサムネイルです。サムネイルはいくつでも使用でき、それに応じて jquery を変更する必要があります。 #slide1スライドするすべての html 要素が含まれています。