网页幻灯片效果

第一种:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id=scriptmain name=scriptmain 
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" 
        width="300" height="300">
         <param name="movie" value="bcastr.swf?bcastr_flie=images/01.jpg|images/02.jpg|images/03.jpg&bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com&bcastr_title=百度|NBA|Ruochi.com">
         <param name="quality" value="high">
         <param name=scale value=noscale>
         <param name="LOOP" value="false">
         <param name="menu" value="false">
         <param name="wmode" value="transparent">
         <%--<embed src="bcastr.swf?bcastr.swf?bcastr_flie=aaa.jpg|bbb.jpg|ccc.swf&bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.admin5.com&bcastr_title=百度|NBA|Ruochi.com" width="640" height="106" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>--%>
        </object>

第二种:
 

  网页代码
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="scriptmain" name="scriptmain" 
            codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" 
            width="300" height="300">
         <param name="movie" value="bcastr.swf?bcastr_xml_url=image.xml"/>
         <param name="quality" value="high"/>
         <param name="scale" value="noscale"/>
         <param name="LOOP" value="false"/>
         <param name="menu" value="false"/>
         <param name="wmode" value="transparent"/>
         <embed src="bcastr.swf?bcastr_xml_url=image.xml" width="300" height="300" 
                loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" 
                type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" 
                wmode="transparent"></embed>
        </object>

image.xml代码
<?xml version="1.0" encoding="utf-8" ?>
<bcaster autoPlayTime="5">
  <item item_url="images/01.jpg" link="http://www.makewing.com" itemtitle="广告创意01">
  </item>
  <item item_url="images/02.jpg" link="http://www.makewing.com" itemtitle="广告创意02">
  </item>
  <item item_url="images/03.jpg" link="http://www.makewing.com" itemtitle="广告创意03">
  </item>
  <item item_url="images/04.jpg" link="http://www.makewing.com" itemtitle="广告创意04">
  </item>
  <item item_url="images/05.jpg" link="http://www.makewing.com" itemtitle="广告创意05">
  </item>
</bcaster>

第三种:

<table width="312" border="0" align="center" cellpadding="0" cellspacing="0" class="solidbox">
  <tr>
    <td width="312" height="312" align="center"><TABLE border=0 align="center" cellPadding=0 cellSpacing=0>
      <TBODY>
        <TR>
          <TD><DIV id=oTransContainer 
            style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 220px; HEIGHT: 194px"><A 
            href="http://www.admin5.com/union/" 
            target=_blank><IMG id=oDIV1 
            style="DISPLAY: yes;"
            height=300 src="images/01.jpg" 
            width=300 border=0></A><A 
            href="http://www.admin5.com/union/" 
            target=_blank><IMG id=oDIV2 
            style="DISPLAY: none;"
            height=300 src="images/02.jpg" 
            width=300 border=0></A><A 
            href="http://www.admin5.com/union/" 
            target=_blank><IMG id=oDIV3 
            style="DISPLAY: none;"
            height=300 src="images/03.jpg" 
            width=300 border=0></A><A 
            href="http://www.admin5.com/union/" 
            target=_blank><IMG id=oDIV4 
            style="DISPLAY: none;"
            height=300 src="images/04.jpg" 
            width=300 border=0></A></DIV>
          </TD>
        </TR>
      </TBODY>
    </TABLE></td>
  </tr>
  <tr>
    <td height="22" align="right" valign="top"><script type="text/javascript">var MaxImg = 4; fnToggle();</script>
      <TABLE cellSpacing=1 cellPadding=0 width=110 
              border=0>
      <TBODY>
        <TR>
          <TD width=26><A href="javascript:toggleTo(1)"><IMG height=15 
                  src="images/s_1.gif" width=17 
                  border=0></A></TD>
          <TD width=26><A href="javascript:toggleTo(2)"><IMG height=15 
                  src="images/s_2.gif" width=17 
                  border=0></A></TD>
          <TD width=26><A href="javascript:toggleTo(3)"><IMG height=15 
                  src="images/s_3.gif" width=17 
                  border=0></A></TD>
          <TD width=27><A href="javascript:toggleTo(4)"><IMG height=15 
                  src="images/s_4.gif" width=17 
                  border=0></A></TD>
        </TR>
      </TBODY>
    </TABLE></td>
  </tr>
</table>


JS代码

var NowImg = 1;
var bStart = 0;
var bStop =0;

function fnToggle() 
{
 var next = NowImg + 1;

 if(next == MaxImg+1) 
 {
  NowImg = MaxImg;
  next = 1;
 }
 if(bStop!=1)
 {

  if(bStart == 0)
  {
   bStart = 1;  
   setTimeout('fnToggle()', 4000);
   return;
  }
  else
  {
   oTransContainer.filters[0].Apply();

   document.images['oDIV'+next].style.display = "";
   document.images['oDIV'+NowImg].style.display = "none"; 

   oTransContainer.filters[0].Play(duration=2);

   if(NowImg == MaxImg) 
    NowImg = 1;
   else
    NowImg++;
  }
  setTimeout('fnToggle()', 4000);
 }
}


function toggleTo(img)
{
 bStop=1;
 if(img==1)
 {
   document.images['oDIV1'].style.display = "";
   document.images['oDIV2'].style.display = "none"; 
   document.images['oDIV3'].style.display = "none"; 
   document.images['oDIV4'].style.display = "none"; 
 }
 else if(img==2)
 {
   document.images['oDIV2'].style.display = "";
   document.images['oDIV1'].style.display = "none"; 
   document.images['oDIV3'].style.display = "none"; 
   document.images['oDIV4'].style.display = "none"; 
 }
 else if(img==3)
 {
   document.images['oDIV3'].style.display = "";
   document.images['oDIV1'].style.display = "none"; 
   document.images['oDIV2'].style.display = "none"; 
   document.images['oDIV4'].style.display = "none"; 
 }
 else if(img==4)
 {
   document.images['oDIV4'].style.display = "";
   document.images['oDIV1'].style.display = "none"; 
   document.images['oDIV2'].style.display = "none"; 
   document.images['oDIV3'].style.display = "none"; 
 }

}

css代码
td {font-size: 12px;}
.solidbox {
 BORDER-TOP: #D7D7D7 1px solid; 
 BORDER-RIGHT: #D7D7D7 1px solid; 
 BORDER-BOTTOM: #D7D7D7 1px solid;
 BORDER-LEFT: #D7D7D7 1px solid; 
}