我爱模板网 > 特效插件 > 滚动轮播 >  flash+xml 3d立体图片轮播正文

flash+xml 3d立体图片轮播

特效介绍

flash+xml 3D立体图片轮播

flash+xml 3d立体图片轮播

使用方法
1、把以下代码拷贝到你想引用的地方
<script type="text/javascript" src="js/swfobject.js"></script>
<SCRIPT type=text/javascript>            
    var flashvars = {};
    flashvars.xml =  "config.xml";
    var params = {};
    params.allowscriptaccess = "always";
    params.allownetworking = "all";
    params.wmode = "transparent";
    var attributes = {};
    attributes.id = "slider";
    swfobject.embedSWF("cu3er.swf", "cu3er_swf", "667", "236", "9", flashvars, params, attributes);
</SCRIPT>
<div id="cu3er_swf">
    <a href="###">
        <img src="http://www.5imoban.net/uploads/allimg/140102/1430332446-0.gif" alt="Get Adobe Flash player" />
    </a>
</div>


2、要注意cu3er.swf和config.xml的位置,建议最好和html文件放在同一目录下。

3、xml参数说明:
    

    倒计时位置(x和y坐标)


<tweenIn x="630" y="45" width="30" height="30" tint="0xFFFFFF" alpha="0.7"/> 


    左右翻页按钮的位置(x和y坐标)


<prev_button><!--左右翻页按钮的位置-->                
            <tweenIn x="515" y="200" width="30" height="30" alpha="0"/>
            <tweenOver alpha="0"/>
        </prev_button>
        
        <next_button>            
            <tweenIn x="545" y="200" width="30" height="30" alpha="0"/>
            <tweenOver alpha="0"/>
        </next_button>
        
        <prev_symbol>
            <defaults type="3"/>
            <tweenIn x="515" y="200" alpha="0.5"/>
            <tweenOver time="0.15" x="510" scaleX="1.1" scaleY="1.1"/>
        </prev_symbol>
            
        <next_symbol>
            <defaults type="3"/>
            <tweenIn x="545" y="200" alpha="0.5"/>
            <tweenOver time="0.15" x="550" scaleX="1.1" scaleY="1.1"/>
        </next_symbol>
       


    图片地址(如果想加减图片数量,必须把下面代码都拷贝。link为链接地址)


<slide>
            <url>img/banner1.jpg</url>
            <link target="_blank">###</link>    
        </slide>





部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:鼠标移到控制点显示缩略图的jquery相册源码,兼容IE6 下一篇:纯js立体3D效果焦点图幻灯特效下载
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢