当前位置: 王朝网络 >> other >> 图片带声音的淡入淡出效果

图片带声音的淡入淡出效果

王朝other·作者佚名 2006-11-24

窄屏简体版字體: 小|中|大|超大

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表

// more javascript from http://www.webjx.com

////////////////////////////////////////////////////////

// Set the values of you slideshow below this line

var slideurl=new Array()

// URLs of your slides (pictures). Add as many as you like

slideurl[0]="/img/200406301.jpg"

slideurl[1]="/img/200406302.jpg"

slideurl[2]="/img/200406303.jpg"

var slidecomment=new Array()

// Comment for each picture

slidecomment[0]="图片说明一"

slidecomment[1]="图片说明二"

slidecomment[2]="图片说明三"

var slidelink=new Array()

// Link for your slides

slidelink[0]="http://www.webjx.com"

slidelink[1]="http://www.webjx.com"

slidelink[2]="http://www.webjx.com"

// Target for each slide-link

var slidetarget=new Array()

slidetarget[0]="_blank"

slidetarget[1]="_top"

slidetarget[2]=""

// URL of the sound-file

var slidesound="http://www.webjx.com/upfiles/20050402/20050402011004_sound_swish.wav"

// Font

var slidefont="Arial"

// Font-color

var slidefontcolor="blue"

// Font-size (acceptable values form 1 to 6)

var slidefontsize=2

// Width slideshow (pixels)

var slidewidth=360

// Height slideshow (pixels)

var slideheight=160

//Pause between each slide (seconds)

var pauseslide=3

// Do not edit the code below this line //

/////////////////////////////////////////

var textposition="right_auto"

var slidecontent

var max_space=19

var space=" "

var i_substring=0

var i_space=max_space

var all_space=" "

var content=""

var pausefade=20

var i_slide=0

var i_filter=-1

var nextorprevious=1

var transparency=0

var transparencystep=5

var isloaded=false

var started=false

var stopshow=false

var newpause=pauseslide

var checkpause=200

var neximage=""

var howmanycomplete=0

var preload_slides=-1

var pauseslide=pauseslide*1000

var browserinfos=navigator.userAgent

var ie=document.all&&!browserinfos.match(/Opera/)?1:0

var ns6=document.getElementById&&!document.all?1:0

var ns4=document.layers?1:0

var op=browserinfos.match(/Opera/)

var preloadedimages=new Array()

for (i=0;i<slideurl.length;i++){

preloadedimages[i]=new Image()

preloadedimages[i].src=slideurl[i]

}

function initslideshow4() {

setimagetocache()

getcontent()

if (ie) {

slidecontainer.innerHTML=slidecontent

}

if (ns6 || op) {

transparency=100

document.getElementById('slidecontainer').innerHTML=slidecontent

}

var inittimer=setTimeout("checkifcached()",100)

}

function setimagetocache() {

preload_slides++

if (preload_slides<=slideurl.length) {

nextimage=new Image();

nextimage.src=slideurl[preload_slides];

checkautocached()

}

function checkautocached() {

if (nextimage.complete) {

howmanycomplete++

setimagetocache()

}

else {

var timer2=setTimeout("checkautocached()",checkpause);

}

function stopslideshow() {

stopshow=true

}

function playslideshow() {

stopshow=false

}

function checkifcached() {

if (i_slide<=howmanycomplete) {

if (ie) {

if (textposition=="top_auto" || textposition=="bottom_auto" || textposition=="left_auto" || textposition=="right_auto" || textposition=="top_auto_nocontrols" || textposition=="bottom_auto_nocontrols") {

var nextimer=setTimeout("autoslide()",newpause)

}

if (textposition=="top_hand" || textposition=="bottom_hand" || textposition=="left_hand" || textposition=="right_hand") {

if (started) {

handslide()

}

started=true

}

if (ns6 || op) {

unfadeslide()

}

if (textposition=="top_hand" || textposition=="bottom_hand" || textposition=="left_hand" || textposition=="right_hand") {

if (started) {

fadeslidehand()

}

started=true

}

else {

newpause=newpause-checkpause

if (newpause<1200) {newpause=1200}

var timer2=setTimeout("checkifcached()",checkpause);

}

function getcontent() {

if (textposition=="top_auto") {

slidecontent=""+slidecomment[i_slide]+" <a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a> <a href='javascript:stopslideshow()'>stop</a> <a href='javascript:playslideshow()'>play</a>"

}

else if (textposition=="bottom_auto") {

slidecontent="<a href='javascript:stopslideshow()'>stop</a> <a href='javascript:playslideshow()'>play</a> <a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a> "+slidecomment[i_slide]+""

}

else if (textposition=="left_auto") {

slidecontent="<table cellpadding=3 cellspacing=0 border=0><tr valign=top><td align=right><a href='javascript:stopslideshow()'>stop</a> <a href='javascript:playslideshow()'>play</a> "+slidecomment[i_slide]+"</td><td><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a></td></tr></table>"

}

else if (textposition=="right_auto") {

slidecontent="<table cellpadding=3 cellspacing=0 border=0><tr valign=top><td><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a></td><td><a href='javascript:stopslideshow()'>stop</a> <a href='javascript:playslideshow()'>play</a> "+slidecomment[i_slide]+"</td></tr></table>"

}

else if (textposition=="top_auto_nocontrols") {

}

else if (textposition=="bottom_auto_nocontrols") {

slidecontent="<a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a> "+slidecomment[i_slide]+""

}

else if (textposition=="top_hand") {

slidecontent=""+slidecomment[i_slide]+" <a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a> <a href='javascript:checkifcached()'>next</a>"

}

else if (textposition=="bottom_hand") {

slidecontent="<a href='javascript:checkifcached()'>next</a> <a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a> "+slidecomment[i_slide]+""

}

else if (textposition=="left_hand") {

slidecontent="<table cellpadding=3 cellspacing=0 border=0><tr valign=top><td align=right><a href='javascript:checkifcached()'>next</a> "+slidecomment[i_slide]+"<

[1] [2] 下一页

点击展开全文

上一篇：3张图片循环组和(很有动感)

下一篇：右下角漂浮图像,能跟随滚动条进行上下移动

免责声明：本文为网络用户发布，其观点仅代表作者个人观点，与本站无关，本站仅提供信息存储服务。文中陈述内容未经本站证实，其真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

没有找到您想要的？点此查看更多相关文章
相关文章▶

2023年上半年GDP全球前十五强
百态 2023-10-24

美众议院议长启动对拜登的弹劾调查
百态 2023-09-13

上海、济南、武汉等多地出现不明坠落物
探索 2023-09-06

印度或要将国名改为“巴拉特”
百态 2023-09-06

男子为女友送行，买票不登机被捕
百态 2023-08-20

手机地震预警功能怎么开？
干货 2023-08-06