非常炫酷的cu3er 3D图片轮播效果
- 作者:网页模板
- 大小:0.164MB
- 点击次数:
- 发布时间:2014-02-21 12:26
特效介绍
cu3er 3D图片轮播效果,完美兼容IE6,切换图片效果非常炫酷,可无限增加图片数量。
使用方法
1、在头部引入下面的代码:<script type="text/javascript" src="js/swfobject/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.xml = "config.xml"; flashvars.font = "font.swf"; var attributes = {}; attributes.wmode = "transparent"; attributes.id = "slider"; swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "300", "9", "expressInstall.swf", flashvars, attributes); </script> <style type="text/css"> <!-- #cu3er-container {width:600px; outline:0;} --> </style>很重要:cu3er.swf和config.xml建议最好html文件放在同一目录下。如果不再同意目录而更改上面的参数的话,即使正确,也可能导致播放失败。
2、在body适当位置添加下面的代码
<div id="cu3er-container"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> </div>3、xml参数说明
左右翻页按钮的位置(x和y坐标)
<prev_button> <defaults round_corners="5,5,5,5"/> <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/> <tweenOut tint="0x000000" /> </prev_button> <prev_symbol> <tweenOver tint="0x000000" /> </prev_symbol> <next_button> <defaults round_corners="5,5,5,5"/> <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/> <tweenOut tint="0x000000" /> </next_button> <next_symbol> <tweenOver tint="0x000000" /> </next_symbol>图片地址(如果想加减图片数量,必须把下面代码都拷贝。link为链接地址)
<slide> <url>img/banner1.jpg</url> </slide>
- 本文标签:
- 非常,炫酷,的,cu3er,图片,轮播,效果,cu3er,图片,