图片轮播代码，新浪网曾使用的资源-CSDN文库

共8个文件

jpg：5个

swf：2个

htm：1个

图片轮播

展示图片

图片切换

4星 · 超过85%的资源需积分: 10 63 浏览量 2008-09-12 16:26:57 上传评论 1 收藏 65KB RAR 举报

在IT行业中，图片轮播是一种常见的网页元素，用于展示多张图片并自动进行切换，以吸引用户的注意力。这种技术在网站广告、产品展示、新闻滚动等领域广泛应用。标题提及的"图片轮播代码，新浪网曾使用的"指的是一个利用FLASH技术实现的图片轮播功能，这种功能曾在新浪网这样的大型网站上被采用。 FLASH是一种早期广泛用于创建动态内容和交互式体验的技术，它允许开发者创建动画、游戏以及像图片轮播这样的多媒体组件。在图片轮播的实现中，FLASH通过编程实现了图片的加载、切换和过渡效果，使得图片在显示时能够平滑地从一张过渡到下一张，增加了视觉吸引力。描述中提到的"用FLASH载入图片，各图片轮流显示，有过渡效果"，这表明代码包含了一个图片加载机制，它能够按顺序或随机顺序加载图片，并在图片之间应用过渡效果，如淡入淡出、滑动等，以增加用户体验的流畅性。同时，"点击有链接"意味着每张图片可能关联着不同的网址，用户点击图片时可以跳转至对应的页面，这对于网站的导航和广告推广至关重要。 "新浪网曾用过这个代码"暗示了这个图片轮播解决方案在当时是经过验证的，能够满足大规模网站的需求，具有较高的稳定性和兼容性。新浪作为知名互联网公司，其选择的技术通常代表了一定的行业标准和流行趋势。标签中的"轮换图"、"图片轮播"、"广告图"、"展示图片"、"图片切换"进一步强调了这个功能的核心特点。轮换图和图片轮播是同义词，指的是图片自动循环播放；广告图表明这一功能常用于在线广告展示；展示图片则说明它可以用于产品或信息的可视化呈现；图片切换则关注于图片之间的动态变化过程。在文件名称列表中，"新浪flash图片轮播"很可能是一个包含源代码、示例文件或者详细说明的压缩包，供开发者参考和学习如何使用这个FLASH图片轮播功能。这个压缩包可能包括ACTIONSCRIPT（FLASH的编程语言）代码、FLA文件（FLASH的源文件格式）以及相关的资源文件，如图片和XML配置文件。这个知识点涉及到使用FLASH技术制作图片轮播组件，它是早期网页设计中的一个重要组成部分，虽然现在随着HTML5的普及，FLASH已经逐渐被淘汰，但理解其工作原理对于了解网页历史和技术演进仍具有重要意义。开发者可以通过学习这个案例，了解到如何用ACTIONSCRIPT编写动画逻辑，以及如何处理图片加载和交互事件，这些技能在现代前端开发中依然有用，只是实现方式可能会转移到JavaScript和CSS3等技术。

资源推荐

资源详情

资源评论

收起资源包目录

新浪flash图片轮播.rar （8个子文件）

新浪flash图片轮播

images

focus1.swf 10KB

02.jpg 7KB

01.jpg 8KB

03.jpg 11KB

04.jpg 10KB

focus2.swf 11KB

05.jpg 9KB

index.htm 4KB

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="Copyright" content="懒人图库 http://lanren.makewing.com/" /> <meta name="description" content="学会偷懒，并懒出境界是提高工作效率最有效的方法！" /> <meta content="懒人图库" name="keywords" /> <title>懒人图库</title> <style type="text/css"> td {font-size: 12px;} </style> </head> <body> <p> </p> <table width="558" height="251" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="279" height="251"> <script type="text/javascript"> imgUrl1="images/01.jpg"; imgtext1="蔬菜广告创意01" imgLink1=escape("http://www.makewing.com"); imgUrl2="images/02.jpg"; imgtext2="蔬菜广告创意02" imgLink2=escape("http://www.makewing.com"); imgUrl3="images/03.jpg"; imgtext3="蔬菜广告创意03" imgLink3=escape("http://www.makewing.com"); imgUrl4="images/04.jpg"; imgtext4="蔬菜广告创意04" imgLink4=escape("http://www.makewing.com"); imgUrl5="images/05.jpg"; imgtext5="蔬菜广告创意05" imgLink5=escape("http://www.makewing.com"); var focus_width=240 var focus_height=200 var text_height=18 var swf_height = focus_height+text_height var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5 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="images/focus1.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('</object>'); </script> </td> <td width="279"> <script type="text/javascript"> imgUrl1="images/01.jpg"; imgtext1="蔬菜广告创意01" imgLink1=escape("http://www.makewing.com"); imgUrl2="images/02.jpg"; imgtext2="蔬菜广告创意02" imgLink2=escape("http://www.makewing.com"); imgUrl3="images/03.jpg"; imgtext3="蔬菜广告创意03" imgLink3=escape("http://www.makewing.com"); imgUrl4="images/04.jpg"; imgtext4="蔬菜广告创意04" imgLink4=escape("http://www.makewing.com"); imgUrl5="images/05.jpg"; imgtext5="蔬菜广告创意05" imgLink5=escape("http://www.makewing.com"); var focus_width=240 var focus_height=200 var text_height=18 var swf_height = focus_height+text_height var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5 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="images/focus2.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('</object>'); </script></td> </tr> </table> <table width="558" height="150" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="149"><p>把JS脚本拷贝到您的页面里<br> 然后修改脚本里FLASH图片显示的尺寸 <br> var focus_width=240<br> var focus_height=200</p> <p>不用在页面里插入FLASH文件</p> <p>使用相对路径和绝对路径都可以正常显示<br> </p> </td> </tr> </table> </body> </html>

评论收藏

内容反馈