jquery工具可垂直滾動

Question

我使用這個滾動http://flowplayer.org/tools/demos/scrollable/vertical.html 我注意到它幻燈片3 div.item ...有可能chande 2？

Answer 1

如果你看演示的源代碼，你會發現它很容易。更改此部分：

 <!-- first row --> 
    <div class="item"> 

     <!-- image --> 
     <img src="http://farm1.static.flickr.com/_m.jpg" /> 

     <!-- title --> 
     <h3>1. Barcelona Pavilion</h3> 

     <!-- content --> 
     <p> 
      The Pavilion was not only a pioneer ... 
     </p> 

    </div> 

    <!-- 2:nd and 3:rd rows --> 
    <div class="item"> ... </div> 
    <div class="item"> ... </div> 

    </div> 

    <!-- second element with another three rows (and so on) --> 
    <div> 
    ... 
    </div> 

要這樣：

 <!-- first row --> 
    <div class="item"> 

     <!-- image --> 
     <img src="http://farm1.static.flickr.com/_m.jpg" /> 

     <!-- title --> 
     <h3>1. Barcelona Pavilion</h3> 

     <!-- content --> 
     <p> 
      The Pavilion was not only a pioneer ... 
     </p> 

    </div> 

    <!-- 2:nd row --> 
    <div class="item"> ... </div> 

    </div> 

    <!-- second element with another two rows (and so on) --> 
    <div> 
    ... 
    </div> 

大部分的變化是HTML註釋。所有你需要做的是在每一組項目中少一個<div class="item">...</div>。