Flash + JavaScript制作幻灯片图片切换效果

Flash Slider 图片轮换 幻灯片效果

现在许多网站流行一种幻灯片效果，既可以使网站产生动感，吸引读者的眼光，又能够突出内容的重点，引导读者。比较流行的做法是使用flash+javascript做成的幻灯片，这样的优点是调用、调整内容方便，版面控制也比较容易。

下面介绍潮汕风情网首页使用的代码。

JavaScript代码：

var focus_width=278; var focus_height=246; var text_height=30; var swf_height = focus_height+text_height; var pics="1.jpg|2.jpg|3.jpg"; var links="www.ljf.cn|www.csfqw.com|www.google.com"; var texts="龙卷风|潮汕风情网|Google"; document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">'); document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="/images/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">'); document.write('<param name="menu" value="false"><param name=wmode value="opaque">'); document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">'); document.write('<embed src="/images/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#dfdfdf" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" >'); document.write('</object>');

代码中 pixviewer.swf 下载地址：http://www.ljf.cn/download/pixviewer.swf