0
我使用的是jCarousel Lite:jCarousel 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>