网页Flash实现图片轮播特效
2013-03-19 17:56
441 查看
在需要调用flash的地方添加以下代码:
<script type="text/javascript">
var focus_width=330 //定义轮播的宽度
var focus_height=450 //定义轮播的高度
var text_height=0 //定义轮播的文字说明高度,这个地方我将文字隐藏了
var swf_height = focus_height+text_height
var pics='image/1.jpg|image/2.jpg|image/3.jpg|image/4.jpg'//所调用图片的路径
var links='' //如果需要添加链接,参照图片路径格式添加链接
var texts='' //轮播图片的文字描述,会显示在图片的下方,这里表示文字描述为空
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="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"> <param name="quality" value="high"><param name="bgcolor" value="#fffff">');
document.write('<param name="menu" value="false"><param name=wmode value="transparent">');
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="Flash/focus.swf" wmode="opaque" FlashVars="texts='+texts+'&pics='+pics+'&links='+links+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+
focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>
要下载flash插件 focus.swf文件并拷贝到项目中去
<script type="text/javascript">
var focus_width=330 //定义轮播的宽度
var focus_height=450 //定义轮播的高度
var text_height=0 //定义轮播的文字说明高度,这个地方我将文字隐藏了
var swf_height = focus_height+text_height
var pics='image/1.jpg|image/2.jpg|image/3.jpg|image/4.jpg'//所调用图片的路径
var links='' //如果需要添加链接,参照图片路径格式添加链接
var texts='' //轮播图片的文字描述,会显示在图片的下方,这里表示文字描述为空
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="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"> <param name="quality" value="high"><param name="bgcolor" value="#fffff">');
document.write('<param name="menu" value="false"><param name=wmode value="transparent">');
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="Flash/focus.swf" wmode="opaque" FlashVars="texts='+texts+'&pics='+pics+'&links='+links+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+
focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>
要下载flash插件 focus.swf文件并拷贝到项目中去
相关文章推荐
- js实现图片在div容器内移动的网页特效代码
- Flash和JS实现的图片幻灯片切换特效
- jQuery插件slicebox实现3D动画图片轮播切换特效
- CSS+JS实现网页(图片)特效
- 实现自动判断图片或flash,并在网页中显示
- 原生js和jquery实现图片轮播特效
- 基于jquery实现的仿优酷图片轮播特效代码
- 各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载:
- 【图片轮播特效插件】--- 效果实现
- 实现flash的图片切换效果【可以切换多个网页或者图片】
- 使用三方框架FlashView在自己的项目中实现图片轮播
- 基于jQuery实现响应式圆形图片轮播特效
- 实现自动判断图片或flash,并在网页中显示
- Android实现图片文字轮播特效
- UGUI实现图片特效轮播,使用插件DOTWEEN
- jQuery实现友好的轮播图片特效
- 实现自动判断图片或flash,并在网页中显示--杨永强
- 轻松实现javascript图片轮播特效
- 基于javascript实现样式清新图片轮播特效
- 网页特效之图片幻灯片:幻灯片原理解剖与实现