图片幻灯机显示 _Web前端

图片幻灯显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/imagerollover.js"></script>
<script type="text/javascript">
  var m_nPageInitTime = new Date();
  var MainTopRoll = new xwzRollingImageTrans("IMG_MAIN_TOP_ROLL_DETAIL", "IMGS_MAIN_TOP_ROLL_THUMBNAIL");
  MainTopRoll.addItem("http://www.google.cn","images/shower_01.jpg");
  MainTopRoll.addItem("http://www.baidu.com","images/shower_02.jpg");
  MainTopRoll.addItem("http://www.sina.com","images/shower_03.jpg");
  MainTopRoll.addItem("http://www.iteye.com","images/shower_04.jpg");
</script>
<table cellSpacing=0 cellPadding=0 width=575 align=center>
  <tbody>
    <tr>
      <td id=IDS_DIV_MAIN_TOP_ROLL_DETAIL width=500 height=235><img
          class=clssMainRoll height=235 
          src="images/shower_01.jpg" 
          width=500 border=0 name=IMG_MAIN_TOP_ROLL_DETAIL /></td>
      <td width=283 bgcolor="#F4F4F4"><table cellSpacing=0 cellPadding=0 align=center>
          <tbody>
            <tr>
              <td align=right height=60><img style="DISPLAY: none" 
                                             height=5 src="" width=9 align=absMiddle border=0 
                                             name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img 
                                             style="CURSOR: pointer" onclick=MainTopRoll.alterImage(0) 
                                             src="images/mini_01.jpg" 
                                             border=0 /></td>
            </tr>
            <tr>
              <td align=right height=60><img style="DISPLAY: none" 
                                             height=5 src="" width=9 align=absMiddle border=0 
                                             name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img 
                                             style="CURSOR: pointer" onclick=MainTopRoll.alterImage(1) 
                                             src="images/mini_02.jpg" 
                                             border=0 /></td>
            </tr>
            <tr>
              <td align=right height=60><img style="DISPLAY: none" 
                                             height=5 src="" width=9 align=absMiddle border=0 
                                             name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img 
                                             style="CURSOR: pointer" onclick=MainTopRoll.alterImage(2) 
                                             src="images/mini_03.jpg" 
                                             border=0 /></td>
            </tr>
            <tr>
              <td align=right height=60><img style="DISPLAY: none" 
                                             height=5 src="" width=9 align=absMiddle border=0 
                                             name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img 
                                             style="CURSOR: pointer" onclick=MainTopRoll.alterImage(3) 
                                             src="images/mini_04.jpg" 
                                             border=0 /></td>
            </tr>
          </tbody>
        </table></td>
    </tr>
  </tbody>
</table>
<script type="text/javascript">
  MainTopRoll.Index =  parseInt('0');
  MainTopRoll.install();
</script>
具体的可以参考附件。