2011-04-03 44 views
0

我使用的是jCarousel LitejCarousel Lite - 多幅图像?

有没有人知道一种方法来使用此多幅图像? ?我已经把我的div列表中的,所以我可以有比一些幻灯片只是图像之外(如果没有这就是正确的,甚至确保内容

  <div class="jCarouselLite"> 
      <ul> 

       <li> 
       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 870px;"> 
         <table width="870" height="420" cellpadding="0" cellspacing="0"> 
         <tr> 
         <td width="270" height="420" valign="top"> 
         <span class="headlines">Title 1</span><br> 
         <span class="bodycopy"><p>xxxxxxxxxxxxx</p></span> 
         </td> 
         <td width="600" height="420" margin="200px"> 
         <img src="images/image0.jpg" width="600"/> <!--500px with 100px image spacer--> 
         </td> 
         </tr> 
         </table> 
        </div> 
       </li> 

       <li> 
       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 870px;"> 
        <table width="870" height="420" cellpadding="0" cellspacing="0"> 
        <tr> 
        <td width="870" height="420" valign="top"> 
        <img src="images/image1.jpg" width="870px"/> <!--500px with 100px image spacer--> 
        </td> 
        </tr> 
        </table> 
        </div> 
       </li> 

       <li> 
       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 870px;"> 
         <table width="870" height="420" cellpadding="0" cellspacing="0"> 
         <tr> 
         <td width="270" height="420" valign="top"> 
         <span class="headlines">Title 2</span><br> 
         <span class="bodycopy"><p>xxxxxxxxxx</p></span> 
         </td> 
         <td width="600" height="420"> 
         <img src="images/image2.jpg" width="600"/> <!--500px with 100px image spacer--> 
         </td> 
         </tr> 
         </table> 
         </div> 
       </li> 

       <li> 
       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 600px;"> 
        <table width="600" height="420" cellpadding="0" cellspacing="0"> 
        <tr> 
        <td width="600" height="420" valign="top"> 
         <img src="images/image3.jpg" width="600px"/> <!--500px with 100px image spacer--> 
        </td> 
        </tr> 
        </table> 
        </div> 
       </li> 

       <li> 

       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 1200px;"> 
        <table width="1200" height="420" cellpadding="0" cellspacing="0"> 
        <tr> 
        <td width="1200" height="420" valign="top"> 
         <img src="images/image4.jpg" width="1200px"/> <!--1100px with 100px image spacer--> 
        </td> 
        </tr> 
        </table> 
        </div> 
       </li> 

       <li> 
       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 700px;"> 
        <table width="700" height="420" cellpadding="0" cellspacing="0"> 
        <tr> 
        <td width="700" height="420" valign="top"> 
         <img src="images/image5.jpg" width="700px"/> <!--600px with 100px image spacer--> 
        </td> 
        </tr> 
        </table> 
        </div> 
       </li>    

       <li> 
       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 700px;"> 
        <table width="700" height="420" cellpadding="0" cellspacing="0"> 
        <tr> 
        <td width="700" height="420" valign="top"> 
         <img src="images/image6.jpg" width="700px"/> <!--600px with 100px image spacer--> 
        </td> 
        </tr> 
        </table> 
        </div> 
       </li>    

       <li> 
       <div class="slideshow-content" style="visibility: visible; position: 
       relative; z-index: 100; left: 0px; width: 835px;"> 
        <table width="835" height="420" cellpadding="0" cellspacing="0"> 
        <tr> 
        <td width="835" height="420" valign="top"> 
         <img src="images/image7.jpg" width="835px"/> <!--465px with 100px image spacer - 270px end--> 
        </td> 
        </tr> 
        </table> 
        </div> 
       </li>    



      </ul> 
     </div> 

回答