使用jsp+JavaScript实现图片切换。
思路:通过JavaScript设置图片是否显示实现来实现切换的效果。
下面给出三幅图片,每幅图片下面附带有文字说明,切换图片的时候,文字也切换。
<div class="news_picture">
<div>
<table class="ge" id="ge" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="pic" id="bimg">
<div id="top_pictures">
<div class="dis" id="top_picture_image_0" style="display: none;">
<a href="http://lib.csdn.net/base/22" target="_blank" title="1111"><img alt="111111" src="./elements/images/1.jpg"></a>
</div>
<div class="dis" id="top_picture_image_1" style="display: none;">
<a href="_blank" target="_blank" title="2222"><img alt="222" src="./elements/images/2.jpg"></a>