0
コーダスライダとjqueryスクロールバーを組み合わせたい。誰もそれをする方法を知っていますか?jQueryスクロールバー付きコーダスライダ
http://www.tradinx.com/codatest
$(function(){
$(".scroll-bar").slider({
slide: function(event, ui) {
// Code for triggering coda slider .. ??
}
});
});
-
<div id="slider">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="image1"><img src="data/8f8bc5cb2fdac666c9534f7c4b78c010.jpg" alt="" /></div>
<div class="panel" id="image2"><img src="data/42a4c582d65e46dda4ddcde70a5b2afc.jpg" alt="" /></div>
<div class="panel" id="image3"><img src="data/30c32091eb1121f630c48016b04a6f04.jpg" alt="" /></div>
<div class="panel" id="image4"><img src="data/31f3ae0aac735d2b9432e88108e75b86.jpg" alt="" /></div>
</div>
</div>
<div class="scroll-bar"></div>
<div class="photo-thumb-block">
<div class="photo-thumb"><a href="#image1"><img src="small/8f8bc5cb2fdac666c9534f7c4b78c010.jpg" style="width:159px;height:119px;" alt="" /></a></div>
<div class="photo-thumb"><a href="#image2"><img src="small/42a4c582d65e46dda4ddcde70a5b2afc.jpg" style="width:159px;height:119px;" alt="" /></a></div>
<div class="photo-thumb"><a href="#image3"><img src="small/30c32091eb1121f630c48016b04a6f04.jpg" style="width:159px;height:119px;" alt="" /></a></div>
<div class="photo-thumb last"><a href="#image4"><img src="small/31f3ae0aac735d2b9432e88108e75b86.jpg" style="width:159px;height:119px;" alt="" /></a></div>
</div>
</div>
誰もがアイデアを持っていますか?
ありがとうございました。
回答ありがとうございます。私の顧客は余分な機能を望んでおり、画像をスクロールすることもできます。 また、彼は 'panel' divの幅を個別に(画像の幅)、固定幅なしに変更したいと考えています。 – Berioo
ya ...いくつかの含まれているスクローラーのdivの上にオーバーフローcssをフリップするのに数分を費やす...あなたは私が何を言っているか見るでしょう。 – Kristian
thanx、はい、私は、jqueryのスクロールバーをインストールしたが、どのようにコーダのスライダと接続するのかわからない.. – Berioo