Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > conveyor belt photo slider; help needed..

Reply
Thread Tools

conveyor belt photo slider; help needed..

 
 
Edje
Guest
Posts: n/a
 
      11-14-2003
I want to use the photoslider-script from dynamic drive, but I need to
adjust it. I want the slider only to move when there's a mouseover (in the
original script it's the other way around), also should it be possible to
direct the direction the slider moves using the mouse.
I am no good at scripting at all, so I hope someone can help me with this.


This is the script:

<script language="JavaScript1.2">

//Specify the slider's width (in pixels)
var sliderwidth="300px"
//Specify the slider's height
var sliderheight="150px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=3
//configure background color:
slidebgcolor="#EAEAEA"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="dynamicbook1.gif"
border=1></a>'
leftrightslide[1]='<a href="http://"><img src="dynamicbook2.gif"
border=1></a>'
leftrightslide[2]='<a href="http://"><img src="dynamicbook3.gif"
border=1></a>'
leftrightslide[3]='<a href="http://"><img src="dynamicbook4.gif"
border=1></a>'
leftrightslide[4]='<a href="http://"><img src="dynamicbook5.gif"
border=1></a>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp"
style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftri
ghtslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") :
document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") :
document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftr ightslide
actualwidth=document.all? cross_slide.offsetWidth :
document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slideme nu2
ns_slide2=document.ns_slidemenu.document.ns_slidem enu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+)
cross_slide.style.left=parseInt(cross_slide.style. left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style .left)+actualwidth+30+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+)
cross_slide2.style.left=parseInt(cross_slide2.styl e.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style .left)+actualwidth+30+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+)
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30

if (ns_slide2.left>(actualwidth*(-1)+)
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div
style="position:relative;width:'+sliderwidth+';hei ght:'+sliderheight+';overf
low:hidden">')
write('<div
style="position:absolute;width:'+sliderwidth+';hei ght:'+sliderheight+';backg
round-color:'+slidebgcolor+'" onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3"
style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+'
name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0"
onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

Best regards, Edwin.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
conveyor non-stop Andrew Wingorodov C Programming 3 12-28-2007 10:32 PM
WTB: Belt 'holster' (slip case with belt clip) for Dell X30? Pleb Plebian NZ Computing 2 04-01-2007 07:14 AM
conveyor programs loa210@freemail.gr NZ Computing 0 05-11-2006 11:07 PM
dhtml conveyor belt slideshow script ckusitor@btopenworld.com Javascript 0 08-07-2005 11:31 PM
Belt.exe.... where does it originate??? Gunjani Computer Support 3 01-23-2004 11:19 PM



Advertisments