3

私が取り組んでいるこのページの下部にある「推奨アイテム」の div とコンテナを作成しました。左右をクリックして詳細を表示するスライダーにしたいと考えています。しかし、私が見たすべての jQuery スライダーは画像のみ (カルーセル) でのみ機能します。画像だけではないため、この状況で人々が私に推奨できるものはありますか?

私が見たすべてのスライダーが使用しているものであるため、UL要素の内部にDIVを含めることはできないと思いました。

以下は、そのスライダー領域の html です。ページへのリンク: http://bit.ly/18IOB8J

<div id="carousel-left"><a href="#"><img src="http://placehold.it/20x100" /></a></div>

             <div id="suggestedproducts">
                 <div id="suggestedproduct-container">
                     <div id="suggestedproduct-img">
                        <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHardwareSecurity.jpg" /></a>
                     </div>
                     <div id="suggestedproduct-desc">
                        <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a>
                        <p>&#163; 59.99</p>
                     </div>
                 </div>
                 <div id="suggestedproduct-container">
                     <div id="suggestedproduct-img">
                        <div id="suggestedproduct-img">
                        <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHardwareSecurity.jpg" /></a>
                     </div>
                     </div>
                     <div id="suggestedproduct-desc">
                        <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a>
                        <p>&#163; 59.99</p>
                     </div>
                 </div>
                 <div id="suggestedproduct-container">
                     <div id="suggestedproduct-img">
                        <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHardwareSecurity.jpg" /></a>
                     </div>
                     <div id="suggestedproduct-desc">
                        <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a>
                        <p>&#163; 59.99</p>
                     </div>
                 </div><!-- suggestedproduct-container -->
                 <div id="carousel-right"><a href="#"><img src="http://placehold.it/20x100" /></a></div>
4

2 に答える 2

5

Basic Sliderは、統合するのに最適かつ最も簡単なスライダー スクリプトの 1 つです。非常に軽量で、必要なすべてのオプションがあります。

  • 画像や HTML コンテンツをスライドできます
  • レスポンシブです
  • 優れたキーボード、マウス、およびスクロール ホイール コントロールを提供します
  • 統合とカスタマイズが非常に簡単
  • フェードまたはスライド トランジション
  • タイミング オプション、コントロール表示オプション、...

統合とカスタマイズが非常に簡単で、非常に軽量で、ボーナスとして素晴らしいフェード効果があるため、私が使用していた他のすべてのスライダー スクリプトを置き換えました。

于 2014-01-10T16:32:37.683 に答える