首页 > 特效插件 > 滚动轮播 >  非常炫酷的cu3er 3D图片轮播效果正文

非常炫酷的cu3er 3D图片轮播效果

特效介绍
cu3er 3D图片轮播效果
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>
TAGS: 非常  炫酷  的  cu3er  图片  轮播  效果  cu3er  图片