スライダーバーで画像ギャラリーを作る

Question

スライダーバーで画像を作りたい。スライダをスクロールすると画像が変化します。どのようにそれを行うことができますか？このリンク上のプロジェクトの更新に似

何か： https://www.belgradewaterfront.com/en/register-for-belgrade-waterfront-residences/

このJSFiddle http://jsfiddle.net/yFnwD/33/

$(".scroll-img-wrap").hide(); 

$を参照してください：ショーを（）;（ "スクロール-IMG-ラップを最初に。"）。 $（ ".slider"）.slider（{ アニメーション：真、 範囲： "分"、 値：0、 最小：0、最大 ： "スクロールIMGラップを" $（）の長さ。 - 1、 ステップ：1、

slide: function(event, ui) { 
     $(".scroll-img-wrap").hide(); 
     $(".scroll-img-wrap:eq("+ui.value+")").show(); 
    }, 
    change: function(event, ui) {  
    } 

}); 

スライダーは、画像の上にある必要があり

Answer 1

あなたは詳細にあなたの問題を説明していないが、私はあなたが何をしたいのアイデアを持っていることがあります。 。

これは私が私のことをする方法です。

まず、あなたが最終的にあなたが作るためにjQueryのを使用しますcss.`に

.pic1{ 
    background:url(../images/background4.jpg) no-repeat center center fixed; 
    height:100vh; 
} 

を使用して、あなたの背景にしたいでしょうスライダー

<div class="pic1"> 

</div> 
<div class="pic2"> 

</div> 
<div class="pic3"> 

</div> 

次のようにしたいすべての画像のためのdivを作成しますあなたの写真のクラスのスタイリング効果

}）;