水平スライドショー

私はjqueryでヘッダーを作成しました。これは特定の時間の後にイメージを自動的に変更します。これはうまくいきました。このヘッダーには、uaserが画像をスキップしてナビゲートできる小さなスケールで画像を表示する水平スライドを作成したいと考えています。水平スライドショー

簡単な方法でこれをjqueryでどのように行うことができるかについての簡単な提案はありますか？

出典

2012-03-01 IT_info

は、JSとjQueryのようなライブラリをどれだけ知っているかによって異なります。私はあなたのようなものを作ることは非常に簡単なので、これを言う。しかし、私はこの質問を見ることができるように、私はあなたがプラグインに心地よくなると信じています。あなたの質問が下に表示されないようにしたら、もっと具体的にしてください。 –

jqueryプラグインを使用しますか？ – MCSI

divに各画像をパディングと浮動：左に入れます。 jQueryを使用して、それらをすべてすべてに収まる大きさのコンテナでラップし、相対位置、オーバーフロー隠し幅、固定幅の別のdiv内に絶対配置します。あなたは私はあなたが使用することをお勧め1つのjQueryプラグインを使用したい場合は

<div id="outercontainer" style="width: 500px;overflow: hidden; position:relative;"> 
    <div id="innercontainer" style="width: *set with jQuery*; position:absolute;top: 0; left: 0"> 
    <div class="imgContainer" style="padding:20px;float:left"> 
     <img src="1.jpg"/> 
    </div> 
    <div class="imgContainer" style="padding:20px;float:left"> 
     <img src="2.jpg"/> 
    </div> 
    </div> 
</div>

出典

2012-03-01 20:43:07

2番目の行に「jqueryで設定する」とはどういう意味ですか？ –

jQueryを使用して 'imgContainer'の幅の合計を見つけ、それを' innercontainer'に割り当てます –