jquery - 横線と縦線の2列スライダー？

Question

私は Web 開発に取り組んでおり、右から左に移動し、単一の < Li > 内に移動するスライダーを作成しましたが、水平線と垂直線で 2 行のスライダーを作成したいと考えています。

誰でも私が開発するのを手伝ってくれませんか。

下の画像にあるように、作成したい

Answer 1

新しい jquery プラグインを見つけました。このプラグインを試すことができます

http://jsabdul.wordpress.com/2013/01/17/multiple-rows-carousel/

Answer 2

「水平線と垂直線を備えた2行のスライダー」とはどういう意味か正確にはわかりません。写真に基づいて、2つの解決策を考えることができます：

1. 通常のリストを使用しますが、各リストには次の 2 つの項目が含まれます。

    <ul id="slider">
         <li>
          <span class="row">
           <span class="row_item"><a href="#"><img src="topimage1.jpg"></a></span>
           <span class="row_item"><a href="#"><img src="topimage4.jpg"></a></span>
          </span> 
        </li>
         <li>
          <span class="row">
           <span class="row_item"><a href="#"><img src="topimage2.jpg"></a></span>
           <span class="row_item"><a href="#"><img src="topimage5.jpg"></a></span>
          </span> 
         </li>
         <li>
          <span class="row">
           <span class="row_item"><a href="#"><img src="topimage3.jpg"></a></span>
           <span class="row_item"><a href="#"><img src="topimage6.jpg"></a></span>
          </span> 
         </li>
       </ul>
   
   .row, .row_item{display:block;}
   

2. 2 つの異なるリストを使用し、両方とも同じ矢印セットでコントローラーを操作します。

         <ul id="top_slider">
             <li></li>
         </ul>
         <ul id="bottom_slider">
             <li></li>
         </ul>
   
    And an example of jquery (I assume you're using some slider plugin with a `moveFOrward()` 
    callback, or similar. If you developed your own, adjust accordingly. ):
   
    $('#arrow_left').click(function(e){
       $('#top_slider').moveForward();
       $('#bottom_slider').moveForward();
       e.preventDefault();
    });