最初は、アイテム画像の周りに灰色の線がなく、プレーンな jquery スライダー アイテムでした。次に、アイテム画像とリンクの下に価格を挿入することにしました。アイテムの html コーディングをテーブル内に配置すると、www.dailycrazydeals.com に示されているように、アイテムの周りに灰色の線が表示されます。
html コードは次のようになります。
<h1>Daily Deals</h1>
<div id="mi-slider" class="mi-slider">
<ul>
<li>
<table>
<tbody>
<tr>
<td align="center" valign="center">
<a href="#"><img src="" alt="img11"><h4>test</h4></a>
<hr width="130%" noshade>
</li>
</td>
</tr>
<tr>
<td>WAS:</td>
<td class="strikethrough">$179.95</td>
</tr>
<tr>
<td>YOU SAVE:<hr width="130%" noshade></td>
<td>$40.00<hr width="100%" noshade></td>
</tr>
<tr>
<td>$139.95</td>
</tr>
</tbody>
</table>