特效介绍
服装商城服装展示flash+js幻灯,可定制性很强,带图片描述,使用非常简单。可随意增减图片数量
使用方法
1、引入下面的js代码:<script src="ui/js/swfobject.js" type=text/javascript></script>2、在你需要使用本幻灯片的地方放入下面的代码:
<div id="index-focus"><a href="http://www.5imoban.net">网站模板</a></div> <script type=text/javascript> var s1 = new SWFObject("ui/flash/focusPlayer.swf", "mymovie1", "300", "450", "5", "#ffffff"); s1.addParam("wmode", "transparent"); s1.addParam("allowscriptaccess", "sameDomain"); s1.addVariable("bigSrc", "ui/images/1.jpg|ui/images/2.jpg|ui/images/3.jpg|ui/images/4.jpg|ui/images/5.jpg"); s1.addVariable("smallSrc", "ui/images/1.jpg|ui/images/2.jpg|ui/images/3.jpg|ui/images/4.jpg|ui/images/5.jpg"); s1.addVariable("href", "www.5imoban.net|www.5imoban.net|www.5imoban.net|www.5imoban.net|www.5imoban.net"); s1.addVariable("txt", "2010秋冬季流行BGG雪地靴四款推荐|2010秋季换季韩版时尚外套推荐|2010秋季风衣英伦时尚搭配 复古极简主义来袭|2010秋季明星祛痘护肤单品推荐|歌坛天后王菲复出 2010北京演唱会即将拉开帷幕"); s1.addVariable("width", "280"); s1.addVariable("height", "430"); s1.write("index-focus"); </script>3、参数说明及增加图片说明:
new SWFObject("ui/flash/focusPlayer.swf", "mymovie1", "300", "450", "5", "#ffffff"); //这几个参数分别是:flash地址,flashID,宽度,高度,幻灯数目(如果增删图片,请修改这里),背景颜色。 s1.addVariable("bigSrc", "ui/images/1.jpg|ui/images/2.jpg|ui/images/3.jpg|ui/images/4.jpg|ui/images/5.jpg");//图片地址(请和下面对应,增删图片数量也注意修改这里) s1.addVariable("smallSrc", "ui/images/1.jpg|ui/images/2.jpg|ui/images/3.jpg|ui/images/4.jpg|ui/images/5.jpg");//缩略图地址(请和上面对应,增删图片数量也注意修改这里) s1.addVariable("txt", "2010秋冬季流行BGG雪地靴四款推荐|2010秋季换季韩版时尚外套推荐|2010秋季风衣英伦时尚搭配 复古极简主义来袭|2010秋季明星祛痘护肤单品推荐|歌坛天后王菲复出 2010北京演唱会即将拉开帷幕");//图片描述。 s1.addVariable("width", "280");//幻灯宽度 s1.addVariable("height", "430");//幻灯高度 s1.write("index-focus");//需要显示flash的div的ID(这里一定不能搞错)
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!