图片切换JS代码

原创 2012年03月28日 09:34:04
<script type="text/javascript">
                                var focus_width = 380
                                var focus_height = 265
                                var text_height = 0
                                var swf_height = focus_height + text_height
                                var pics = '../../Content/Images/zhuanjia.jpg|../../Content/Images/2.jpg|../../Content/Images/3.jpg|../../Content/Images/4.jpg|../../Content/Images/5.jpg'
                                var links = escape('../TechGuide/Index|../VideoGuide/Index|../Knowledge/Index|../PracTech/Index|../AgriculturalIntro/Index')
                                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://www.51cto.com/images/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
                                document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
                                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="http://www.51cto.com/images/pixviewer.swf" wmode="opaque" FlashVars="pics=' + pics + '&links=' + links + '&texts=' + texts + '&borderwidth=' + focus_width + '&borderheight=' + focus_height + '&textheight=' + text_height + '" menu="false" bgcolor="#F0F0F0" 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>


只需要更改pics的路径和图片的连接页面即可,当然也可以通过width和height调整页面的高度和宽度,如果有更好的方法,请赐教,贴出代码供大家分享

js实现图片切换(经典代码集锦)

js实现图片切换(经典代码集锦) 简单的图片切换 var crr=1; function changePic(){ ...
  • miachen520
  • miachen520
  • 2016年07月07日 12:50
  • 1556

图片切换js代码

var curIndex=0;   var timeInterval=1000; var arr=new Array(); arr[0]="photos/1.jpg"; arr[1]="photos...
  • qmx_c
  • qmx_c
  • 2014年10月09日 16:30
  • 258

一个实现图片切换的js代码

学习js-----运行时在其同目录下还得有一个文件夹imgs其中包含三张图片1.jpg  2.jpg  3.jpg http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...
  • wojiaosha123
  • wojiaosha123
  • 2008年07月15日 13:07
  • 723

一个简单的图片切换特效

如图所示。 该图片切换特效实现很简单,而且兼容性很好。 html页面如下 css样式 * {margi...
  • starcuan
  • starcuan
  • 2014年05月27日 14:59
  • 1238

js简单实现图片切换效果

js简单实现图片切换效果 body{ margin: 0; padding: 0; } .adbody{ width:100%; h...
  • liu625524324
  • liu625524324
  • 2016年01月20日 13:27
  • 1896

利用CSS3实现图片切换特效

利用label标签和:checked,并使用到了transform和transition属性。实现简单,相比JS而言,非常方便,且效果更佳,有兴趣可以拷贝代码,修改图片路径,运行看看效果。 ...
  • liuyan19891230
  • liuyan19891230
  • 2016年02月21日 14:33
  • 7191

使用js实现图片切换

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml" lang="gb23...
  • zhaohehe123
  • zhaohehe123
  • 2012年11月24日 09:35
  • 2685

仅用css+HTML实现图片切换效果

备注:最好在firefox或chrome运行,在IE效果没出现  -。- 效果图: -----images.html----- How to Create An Imag...
  • zjut_acm
  • zjut_acm
  • 2015年04月08日 19:55
  • 10393

JavaScript代码制作页面鼠标滚轮图片切换

鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们nnw
  • u013841514
  • u013841514
  • 2014年05月01日 20:42
  • 976

JS函数之多组图片切换

函数传递参数:参数=JS的数据类型。 遵循的原则:1.尽量保证HTML代码结构一致,可以通过父元素获取子元素;2.把核心主程序通过函数包起来;3.把魅族不同的值找出来,通过传参实现。 以下为多组图...
  • CharlesK6
  • CharlesK6
  • 2017年06月30日 21:20
  • 249
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片切换JS代码
举报原因:
原因补充:

(最多只允许输入30个字)