2011-10-26 35 views
0

私のカルーセルに問題があります。私は同様の質問を探しました。しかし、何も見つかりませんでした。左右ボタン付きのカルーセル。左右のボタンを確認してください

私は3つのセクションと大きな画像でカルーセルを作っています。カルーセルには左右のナビゲートボタンがあります。最初のセクションはショーです。右のカルーセルボタン。左ボタンは表示されません。あなたは左をクリックすることができないからです。他のスライドをクリックすると。次のセクションはshowで、背景イメージは1000ピクセル右にアニメートされます。 Example on jsfiddle

しかし、今問題:

あなたはここでは例を見ることができます。私が最初のセクションにいるとき。私は正しいナビゲートボタンを持っています。左のボタンはクリックできないため、非表示になっています。あなたが最後のセクションにいるとき。左ボタンが表示され、右ボタンが非表示になっています。

しかし、問題は中間セクションです。あなたが中央のセクションにいるとき。右にナビゲートボタンがあります。しかし、左側のナビゲーションボタンではありません。そして、私が真ん中にいるとき。私も残しました。右だけではありません。

どうすればこのスクリプトを修正できますか?手伝ってくれてありがとう。

コードを変更してjsfiddleでコードを見ることができます。

Here you can see the code and example

+0

私が通常行っているてきたことは状態と呼ばれるvariabelを持つことです。ロード時に状態は0です。 (あなたの場合は)右にブラウズすると、状態は1に設定されます。次に、状態が0であれば左の矢印を非表示にし、1の場合はすべての矢印を表示し、2であればすべての矢印を表示します、右矢印を隠す。それほど難しくはありません – OptimusCrime

+0

あなたは私にjsfiddleの例を教えてもらえますか?私はjavascripterを開始しています。あなたが私を助けることを願って –

答えて

1

ここに私のアイデアの例を示しました:http://jsfiddle.net/upyZH/5/、しかし問題はまだそこにあります。 Firebugはイメージsprite.pngが見つからなかったことを伝え続けます。おそらくそれはあなたの問題ですか?そして、それらのすべてのランダムなcharcatersは、CSSで何ですか?

編集:ここに行く:http://jsfiddle.net/upyZH/8/は、魔法のように動作:)

+0

ありがとうたくさん!!!!私はあなたを助けてくれることを愛しています(A) –

0

ここに私のバイオリンを見てください:http://jsbin.com/abape3/14それは左と右のボタンがあり、あなたが説明した内容のように動作します。

関連する問題