ページにこの html があり、最初の画像を非表示にして、#next や #previous などの画像リンクをクリックしたときに次の画像を表示したいと考えています。
これはhtmlです:
<tbody>
<tr>
<td valign="middle">
<input type="image" style="border-width:0px;" src="previous.gif" id="previous">
</td>
<td></td>
<td align="center">
<img src="image1.jpg" class="image_in_collection">
<img src="image2.jpg" class="image_in_collection">
</td>
<td></td>
<td valign="middle">
<input type="image" style="border-width:0px;" src="next.gif" id="next">
</td>
</tr>
</tbody>
jsfiddle はこちら: http://jsfiddle.net/ZU85R/2/