凭窗远眺 发表于 2007-12-20 23:26

图片轮显代码大全(JS幻灯片)

<H2 align=left>图片轮显代码大全(JS幻灯片)</H2>
<DIV class=t_msgfont align=left><FONT size=2>透明渐变轮番显示<BR><BR>图片以透明渐变轮番显示的脚本效果,过去也有过类似的,可是<BR>不能任意的定制增减图片的数量,这次的是完美的。<BR>  制作方法: <BR>  在&lt;head&gt;标签下,粘贴代码: <BR>&lt;SCRIPT LANGUAGE="JavaScript"&gt;<BR>// 设置轮番显示速度 Set slideShowSpeed (milliseconds)<BR>var slideShowSpeed = 5000;<BR>// 匀滑转换时间 Duration of crossfade (seconds)<BR>var crossFadeDuration = 3;<BR>// 指定图像<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%CE%C4%BC%FE">文件</SPAN> Specify the image <SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=file">file</SPAN>s<BR>var Pic = new Array();<BR>// to add more images, just continue<BR>// the pattern, adding to the array below<BR><BR>Pic = '1.jpg'<BR>Pic = '2.jpg'<BR>Pic = '3.jpg'<BR>Pic = '4.jpg'<BR>Pic = '5.jpg'<BR><BR>// do not edit anything below this line<BR>var t;<BR>var j = 0;<BR>var p = Pic.length;<BR>var preLoad = new Array();<BR>for (i = 0; i &lt; p; i++) {<BR>preLoad = new Image();<BR>preLoad.src = Pic;<BR>}<BR>function runSlideShow() {<BR>if (document.all) {<BR>document.images.SlideShow.style.filter="blendTrans(duration=2)";<BR>document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";<BR>document.images.SlideShow.filters.blendTrans.Apply();<BR>}<BR>document.images.SlideShow.src = preLoad.src;<BR>if (document.all) {<BR>document.images.SlideShow.filters.blendTrans.Play();<BR>}<BR>j = j + 1;<BR>if (j &gt; (p - 1)) j = 0;<BR>t = setTimeout('runSlideShow()', slideShowSpeed);<BR>}<BR>&lt;/script&gt;<BR>  修改body:<BR>  &lt;body bgcolor="#FFFFFF" text="#000000" &gt; <BR>  将表格单元格设置名称“id=VU”:<BR>  &lt;td id=VU&gt; <BR>  在&lt;img&gt;中加入代码:&lt;img src="1.jpg" name='SlideShow'&gt; <BR><BR>  至此,我们的效果便制作好了,你不仿试试!<BR>点 击 预 览 效 果 页 面......<BR><BR>  制作方法:<BR>  1. 在&lt;head&gt;中插入代码:<BR>&lt;script language='javascript'&gt;<BR>isns = navigator.appName == "Netscape";<BR>//定义播放图片张数<BR>img1=new Image()<BR>img2=new Image()<BR>img3=new Image()<BR>img4=new Image()<BR>img5=new Image()<BR>//图片路径、文件名<BR>img1.src='images/circul-side.gif'<BR>img2.src='images/css-manual.gif'<BR>img3.src='images/kpt7.jpg'<BR>img4.src='images/msn.jpg'<BR>img5.src='images/ps-logo.jpg'<BR>nn=1<BR>function change_img()<BR>{<BR>eval('document.pic.src=img'+nn+'.src');<BR>nn++;<BR>if(nn&gt;5) nn=1<BR>if(!isns)<BR>{<BR>pic.filters.item(0).apply()<BR>pic.style.visibility='visible'<BR>pic.filters.item(0).play()<BR>setTimeout("pic.style.visibility='hidden'",4000);<BR>}<BR>else<BR>document.pic.visibility='visible'<BR>tt=setTimeout('change_img()',4000)<BR>}<BR>&lt;/script&gt;<BR>  可以在代码中按照中文介绍,修改相关信息。<BR>  2. 在&lt;body&gt;中加载:&lt;body &gt;<BR>  3. 插入第一张图片,并命名:id="pic"<BR>  插入代码:style='visibility:hidden;filter:revealtrans(duration=2.0,transition=12)'<BR>  参考图片代码:<BR>  &lt;img src="images/circul-side.gif" name="pic" width="120" height="90" id="pic" style='visibility:hidden;filter:revealtrans(duration=2.0,transition=12)'&gt;<BR><BR>  制作完成。<BR><BR>观看效果<BR><BR>使用CSS中的revealTrans滤镜制作超弦图片的播放<BR>CSS中有revealTrans滤镜(具体介绍请参看巧用CSS的 RevealTrans 滤镜),也曾用该滤镜制作过各种图片播放的效果(类似于使用CSS滤镜revealTrans制作图片渐显效果)。知道其在网页中制作特效非常有用处。这次,我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。<BR>  实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。<BR>  制作方法:<BR>  1、在&lt;head&gt;中插入JS代码:<BR>&lt;SCRIPT language=JavaScript1.2&gt;<BR>function reapply(){<BR>setTimeout("slideit()",800)<BR>return true<BR>}<BR>window.onerror=reapply<BR>&lt;/SCRIPT&gt;<BR>&lt;SCRIPT language=JavaScript1.1&gt;<BR>&lt;!--<BR>//preload images<BR>var image1=new Image()<BR>image1.src="images/01.jpg"<BR>var image2=new Image()<BR>image2.src="images/02.jpg"<BR>var image3=new Image()<BR>image3.src="images/03.jpg"<BR>var image4=new Image()<BR>image4.src="images/04.jpg"<BR>var image5=new Image()<BR>image5.src="images/05.jpg"<BR>var image6=new Image()<BR>image6.src="images/06.jpg"<BR>var image7=new Image()<BR>image7.src="images/07.jpg"<BR>var image8=new Image()<BR>image8.src="images/08.jpg"<BR>var image9=new Image()<BR>image9.src="images/09.jpg"<BR>//--&gt;<BR>&lt;/SCRIPT&gt;<BR>  其中:images/bigbanner/XXX.jpg为显示图片的路径,可按实际情况修改。<BR>  2、在&lt;body&gt;中插入代码:onload=slideit()<BR>  3、在页面中插入图片,并在图片&lt;img&gt;中插入:style="FILTER: revealTrans(Duration=2, Transition=23)",并命名为:name=slide<BR>  完整代码:&lt;img src="images/circul-side.gif" width="120" height="90" border="0" style="FILTER: revealTrans(Duration=2, Transition=23)" name=slide&gt;<BR>  4、给图片加超链接:&lt;a href="javascript :slidelink()"&gt;<BR>  5、加入代码:<BR>&lt;SCRIPT&gt;<BR>&lt;!--<BR>////change number of images below <BR>var number_of_images=9<BR>//change speed below (in seconds)<BR>var speed=3<BR>var step=1<BR>var whichimage=1<BR>function slideit(){<BR>if (!document.images)<BR>return<BR>if (document.all)<BR>slide.filters.item(0).Apply()<BR>document.images.slide.src=eval("image"+step+".src")<BR>if (document.all)<BR>slide.filters.item(0).Play()<BR>whichimage=step<BR>if (step&lt;number_of_images)<BR>step++<BR>else<BR>step=1<BR>if (document.all)<BR>setTimeout("slideit()",speed*1000+3000)<BR>else<BR>setTimeout("slideit()",speed*1000)<BR>}<BR>function slidelink(){<BR>if (whichimage==1)<BR>top.location.href="/index.html"<BR>if (whichimage==2)<BR>top.location.href="/news.html" <BR>if (whichimage==3)<BR>top.location.href="/game.html" <BR>if (whichimage==4)<BR>top.location.href="/music.html" <BR>if (whichimage==5)<BR>top.location.href="/sport.html" <BR>if (whichimage==6)<BR>top.location.href="/radio.html" <BR>if (whichimage==7)<BR>top.location.href="/travel.html" <BR>if (whichimage==8)<BR>top.location.href="/card.jsp" <BR>else if (whichimage==9)<BR>top.location.href="/study.html" <BR>}<BR>&lt;/SCRIPT&gt;<BR>  其中:各链接地址相对应&lt;head&gt;中插入的JS代码中的图片。<BR>  注意,页面地址必须与图片张数相对应。本教学使用九张图片,相应就放置九个超链接地址。<BR><BR><BR>DHTML幻灯片播放程序<BR>这是一个幻灯片播放程序,也就是一图片轮流播放的程序。我们在一些站点上可以看见这种形式的<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%B9%E3%B8%E6">广告</SPAN>播放条,大多是用CGI做的,也就是要<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%B7%FE%CE%F1%C6%F7">服务器</SPAN>端支持CGI程序,如ASP、PHP、Perl等。但我们这里的实现方法无需CGI,用的仅是CSS的效果,再加上JavaScripts的控制。只要你的<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%E4%AF%C0%C0">浏览</SPAN>器是IE 4.0以上或是Netscape 3.0以上的就可以了。只不过在这里我们用到了CSS的Filter滤镜效果,该效果只能在IE中出现。有关CSS的Filter滤镜效果,大家可以参看我的《CSS中Filter滤镜详解》,该文章在Yesky.com上已经发表。好了,让我们来做点准备工作吧。 <BR>  首先,为了制作这个效果,我们首先要打几个尺寸一样大小的图片,让其轮流播放。比如,我找了下面三个88x31的图片做为所用的的图片。 <BR>  其次,让我们再来复习一下CSS中Filter的图片转换滤镜的知识: <BR>CSS中的显示转换滤镜<BR>  显示转换滤镜提供的是一种更为多变的转换效果,它不像混合转换滤镜,只提供一种淡入淡出的效果,它还提供了更多的图片转换效果,它的语法是:<BR>Filter : RevealTrans ( duration = 转换的秒数,transition=转换类型 )<BR>  大家可以看见,它有一个转换类型的参数,这里,它提供了24种转换类型,我们只需指定转换类型的代号,就可以让图片按特有的转换效果进行转换。下表就是24种转换滤镜的形式及其对应的代号:<BR>动态转换滤镜的属性、方法和事件 <BR>属性名             说明                               取值 <BR>duration       图像转换的延迟时间,最小单位是毫秒,也就是小数点后第三位。 单位是秒,取值自然数   <BR>enabled         指定是否应用滤镜效果               0表示不应用,非0表示就用。   <BR>staus             传回一个转换状态               0表示转换停止 <BR>1表示显示应用的转换滤镜 <BR>2表示正在转换中 <BR>方法名 说明 <BR>Apply 将滤镜应用到对象上 <BR>Play 开始转换 <BR>Stop 停止转换 <BR>事件名 说明 <BR>OnFilterChange 当滤镜转变发生改变或是滤镜完成时所触发的事件 <BR><BR>  上面的CSS的转换滤镜如何被JavaScripts调用的知识我没有过多的说明,我只是列举了他的属性方法和事件。在后面,我们用Javascript来控制他的时候,我会告诉大家如何用JavaScripts使其工作的。当然这些滤镜只能在IE4.0中浏览,NetScape不支持,不过,这并不影响netscape中的显示,只不过Netscape中不会出现图片转换的效果了。 <BR>下面,我要开始最为核心的部分了,就是编写javascript程序了。我们的思路是,可以定义一组图片(若干张),当页面出现时先显示第一张图片,并预载入第二张图片,第一张图片载入后5秒钟,如果第二张图片也载入了,我们就开始自动切换到第二张图片,此时并预载入第三张图片,如果5秒钟内我们载入了第三张图片,就自动切换到第三张图片,如此播放下去直到最后一张又从头开始。当然,这是自动播放的了。我们还允许用户手动进行向前和向后的播放。 <BR>  首先,我们要解决的问题是图片的预载入,因为这决定了切换过程的流畅性和播放过程的完美性。要预载入一幅图片很简单,我们只要在<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%C4%DA%B4%E6">内存</SPAN>中新建一个图片的实例变量,并把该变量指向一幅图片,这样,我们的浏览器便会自动载入这幅图片的,这就是图片的预载入。用javascript写出来就是下面这个样子: <BR>      var myImage = new Image() <BR>      myImage.src = "someImage.gif" <BR>  然后,我们还要知道,图片是否载入了吗?如果载入了,我们就显示,如果没载入,那么就要出错了。于是我们还要改一下上面的代码,在其中加入两条语句,所以,这段JavaScript就变成下面的样子了: <BR>      var img = new Image() <BR>      img.onload = doReadyImage <BR>      img.onerror = doErrorDisplay <BR>      img.src = "someImage.gif" <BR>  我们加入了图片的onload和onerror事件,分别代表是否预载和预载出错的事件。这两条句语必需在img.src语句的前面。否则的话,图片预载就会出错。 <BR>  最后就是我们的图片切换程序了,在前面,我们复习了CSS中Filter转换滤镜的各种效果,这里我们用代号为23的随机效果,下面,是我们为在IE中这种效果所写的JavaScript程序: <BR>if (document.images.slideShow.filters) <BR>{ <BR>  document.images.slideShow.filters.Stop() <BR>  document.images.slideShow.filters.Apply() <BR>  // 使用随机的转换效果 <BR>  document.images.slideShow.filters.revealTrans.transition=23 <BR>} <BR>document.images.slideShow.src = sSource <BR>// 开始进行转换效果的执行 <BR>if (document.images.slideShow.filters) <BR>    document.images.slideShow.filters.Play() <BR>任何人都能将假期的照片放在自己的网站上,但只有最酷的网络构建者会将他们设计成一场幻灯片秀。而且还不是那种简单的一张照片一个HTML页面的幻灯片,而是一个真正有动态感的幻灯片秀,每一个影像都下载到同一个HTML页面去。我们会教你如何使用Dynamic HTML (DHTML)和Cascading Style Sheets(CSS)去构建专属你个人的幻灯片秀,让你的<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%C5%F3%D3%D1">朋友</SPAN>、家人和同事觉得更无聊,喔不!是印象更深刻。但是记住!因为这种幻灯片秀是用DHTML写的,因此它只能在4.0或以上更新的浏览器版本才能看得到。   <BR>当然喽,这种幻灯片秀也有严肃的用途。只是我们现在还没有想到而已。 <BR>步骤一 <BR>收集你已经准备放在网络上的影像,而且将他们裁成相同的尺寸。确定尺寸范围不超过640 x 480个像素,而且所有的相片的像素尺寸都要保持相同--如果照片尺寸大小不定,对观众而言会造成视觉上的不和谐。 <BR>步骤二 <BR>在你的页首标签里,你首先要做的,就是在&lt;STYLE&gt;标签里指出使用的是CSS。在&lt;STYLE&gt;标签里,在你想要幻灯片出现的页面设定位置,并决定一开头是否要以空白背景图表现,或者直接秀出第一张幻灯片。请将下列程序代码剪贴到你的页面中,并使用你自己选择的位置座标: <BR>&lt;STYLE type="text/css"&gt; &lt;!-- .slides {position:absolute; left: 25%; top:25%; visibility:hidden} --&gt; &lt;/STYLE&gt; <BR>步骤三 <BR>接下来立刻处理CSS的细节部分,还是在页首标签中插入JavaScript。在var numSLides =之后,设定要秀出的幻灯片数目(别设太多,因为每一张照片都会为网页增加可观的KB数)。我们的范例中有五张照片。以下是程序代码: <BR>&lt;SCRIPT language="JavaScript1.2"&gt; var numSlides = 5; var currentSlide = numSlides; <BR>步骤四 <BR>如果你想加入图片的解释说明文字,可以用下列的程序代码,将我们的说明文字换成你自己的说明文字: <BR>var captionTxt = new Array(numSlides); <BR>function setUpCaptions() { <BR>captionTxt = "39号码头入口。" <BR>captionTxt = "海狮在码头附近漫步。" <BR>captionTxt = "小船在码头*岸。" <BR>captionTxt = "水底世界鲸鱼壁画。" <BR>captionTxt = "海中小岛或者是岩石。" <BR>} <BR>步骤五 <BR>将这里所示的程序代码贴到你网页中的HTML文件,位置就在JavaScript的说明文字下。因为Navigator 4.0和IE 4.0以不同的方式解读CSS,我们的script就使用对象检测(object detection)来决定呈现的模式。如果呈现的模式是Navigator,它还是可以定义某些特定的对象,使得IE程序代码还是有作用。另外这也是整个程序代码的结尾,所以一定要以&lt;/SCRIPT&gt;标签来作结束: <BR>function setUp() { <BR>if (!document.all) { <BR>document.all = document; <BR>for (i=1;i&lt;=numSlides;i++) document.all[("image"+i)]. <BR>style=document.all[("image"+i)]; <BR>} <BR>switchSlide(1); <BR>} <BR>function switchSlide(sDir) { <BR>newSlide = currentSlide + sDir; <BR>if (!newSlide) newSlide=numSlides; <BR>if (newSlide &gt; numSlides) newSlide=1; <BR>document.all[("image"+newSlide)].style.visibility="visible"; <BR>document.all[("image"+currentSlide)]. <BR>style.visibility="hidden"; <BR>// 如果不要说明文字,请移除下一行: <BR>document.all["captions"].document.forCaptions.captionsText. <BR>value=captionTxt; <BR>currentSlide = newSlide; <BR>} <BR>//--&gt; <BR>&lt;/script&gt; <BR><BR>注意那些*近程序代码结尾的注解:如果你没有说明文字,那么就将它下面一行的文字移除。 <BR>步骤六 <BR>以&lt;/HEAD&gt;关闭页首标签,然后将下列的程序代码,贴到网页HTML文件中的body部分。 注意,程序代码以个别的&lt;DIV&gt;标签区分每个影像,他们和正规的&lt;IMG src&gt;格式有关联: <BR>&lt;BODY &gt; <BR>&lt;B&gt; Builder.com slide show!&lt;/B&gt; <BR>&lt;DIV id="image5" class="slides"&gt;&lt;IMG src="fifth.jpg"&gt;&lt;/DIV&gt; <BR>&lt;DIV id="image4" class="slides"&gt;&lt;IMG src="fourth.jpg"&gt;&lt;/DIV&gt; <BR>&lt;DIV id="image3" class="slides"&gt;&lt;IMG src="third.jpg"&gt;&lt;/DIV&gt; <BR>&lt;DIV id="image2" class="slides"&gt;&lt;IMG src="second.jpg"&gt;&lt;/DIV&gt; <BR>&lt;DIV id="image1" class="slides"&gt;&lt;IMG src="first.jpg"&gt;&lt;/DIV&gt; <BR>步骤七 <BR>观众必须以自己的步调来点按幻灯片,所以你得提供他们点按的东西。。你可以使用简单老式的超链接,但是若有特殊的Previous和Next的GIF点选按钮,就精巧多了。样本程序代码是使用一个table来连接next.gif和previuos.gif: <BR>&lt;DIV style="position:absolute; top:350px; left:100px"&gt; <BR>&lt;A href="javascript :switchSlide(-1)"&gt;&lt;IMG src="previous.gif" border=0&gt;&lt;/A&gt; <BR>&lt;A href="javascript :switchSlide(1)"&gt;&lt;IMG src="next.gif" border=0&gt;&lt;/A&gt; <BR>&lt;/DIV&gt; <BR>如果你不想用GIF文件来作Previous和Next点选按钮,用文字取代上面的&lt;IMG&gt;标签。 <BR>步骤八 <BR>最后,在&lt;TEXTAREA&gt;输入欲显现的说明文字。你可以随意决定&lt;TEXTAREA&gt;的尺寸大小,只要改变rows=和cols=的数字即可。以下是程序代码: <BR>&lt;DIV id="captions" style="position:absolute; left: 320px; top:75px"&gt; <BR>&lt;B&gt;Picture caption&lt;/B&gt; <BR>&lt;FORM name=forCaptions&gt; <BR>&lt;TEXTAREA name="captionsText" wrap="virtual" rows=25 cols=20"&gt;&lt;/TEXTAREA&gt; <BR>&lt;/FORM&gt; <BR>&lt;/DIV&gt; </FONT></DIV>

祝福 发表于 2007-12-21 02:02

你这个看的我都晕!!!

文子 发表于 2007-12-21 11:43

这么复杂啊,看不懂。

书剑飘香 发表于 2007-12-21 13:45

有空再慢慢研究。。
这个是要用在网页上的吧?

AAA 发表于 2007-12-21 14:53

看一下!常常学习 !

闪鸟 发表于 2007-12-21 21:31

凭窗远眺朋友,你的大作拜读,我想提点建议: 因为如果仅仅是HTML代码,你说会不会让浏览的人一种非常抽象十分无味提不起兴趣的感觉? 我认为应该演示一下实例,如:
<BR><BR>




<EMBED style=\"LEFT: 300px; WIDTH: 520px; POSITION: absolute; TOP: 8000px; HEIGHT: 400px\" name=photoFlick pluginspage=http://www.macromedia.com/go/getflashplayer align=middle src=http://flash.picturetrail.com/pflicks/l_photopeel3d_r.swf width=400 height=320 type=application/x-shockwave-flash allowScriptAccess=\"sameDomain\" bgcolor=\"#ff00ff\" wmode=\"transparent\" FlashVars=\"logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=50.10&ptxy=400.16&auto=1&wait=4&img1=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293667271.jpg&img2=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293667269.jpg&img3=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293667268.jpg&img4=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666620.jpg&img5=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666618.jpg&img6=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666615.jpg&img7=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666614.jpg&img8=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666612.jpg&img9=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666610.jpg&img10=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666609.jpg&img11=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666608.jpg&img12=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666607.jpg&img13=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666604.jpg&img14=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666600.jpg&img15=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666598.jpg&img16=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666596.jpg&img17=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666593.jpg&img18=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666591.jpg\" quality=\"high\" loop=\"false\"></EMBED>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

[ 本帖最后由 闪鸟 于 2007-12-22 19:02 编辑 ]

闪鸟 发表于 2007-12-21 21:58

代码如下:(为了显示代码,代码开头处少了个\"<\"
<BR><BR>
EMBED
style=\"LEFT: 240px; WIDTH: 520px; POSITION: absolute; TOP: 130px; HEIGHT: 400px\"
name=photoFlick pluginspage=http://www.macromedia.com/go/getflashplayer
align=middle src=http://flash.picturetrail.com/pflicks/l_photopeel3d_r.swf
width=400 height=320 type=application/x-shockwave-flash loop=\"false\"
quality=\"high\"
FlashVars=\"logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=50.10&ptxy=400.16&auto=1&wait=4&img1=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293667271.jpg&img2=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293667269.jpg&img3=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293667268.jpg&img4=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666620.jpg&img5=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666618.jpg&img6=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666615.jpg&img7=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666614.jpg&img8=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666612.jpg&img9=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666610.jpg&img10=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666609.jpg&img11=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666608.jpg&img12=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666607.jpg&img13=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666604.jpg&img14=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666600.jpg&img15=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666598.jpg&img16=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666596.jpg&img17=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666593.jpg&img18=http://pic60.picturetrail.com:80/VOL1708/10146778/18249762/293666591.jpg\"
wmode=\"transparent\" bgcolor=\"#ffffff\" allowScriptAccess=\"sameDomain\"></EMBED><BR><BR>

[ 本帖最后由 闪鸟 于 2007-12-22 18:53 编辑 ]

叶飞 发表于 2007-12-25 22:03

呵呵,学习学习,

用到帖子上,

[ 本帖最后由 叶飞 于 2007-12-25 22:18 编辑 ]

叶飞 发表于 2007-12-25 22:41

这个可以放到播放器里,每放一个歌就翻一个图片。。

不知道这样的实现难不难

一池清凉 发表于 2007-12-27 11:48

有时候慢慢学习,一下子没看懂
页: [1] 2 3
查看完整版本: 图片轮显代码大全(JS幻灯片)