Thread: Conveyor Belt slideshow script

Problem with dis script

<script language="JavaScript" type="text/javascript">
//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]=<img src="http://i296.photobucket.com/albums/m.../Sepia_cut.jpg" height="150" width="125" border=1>
leftrightslide[1]=<img src="http://i296.photobucket.com/albums/m...anjh/Navi4.jpg" height="150" width="125" border=1>
leftrightslide[2]=<img src="http://i296.photobucket.com/albums/m...anjh/MyFav.jpg" height="150" width="130" border=1>
leftrightslide[3]=<img src="http://i296.photobucket.com/albums/m...jh/Navi1-1.jpg" height="150" width="125" border=1>
leftrightslide[4]=<img src="http://i296.photobucket.com/albums/m...jh/Navi_BW.jpg" border=1>
//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imageg ap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</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+slideshowgap+" 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+slideshowgap
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+slideshowgap+"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+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+)
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshow gap
if (ns_slide2.left>(actualwidth*(-1)+)
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshow gap
}
}

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+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';hei ght:'+sliderheight+';background-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>

Hi There,

Your script looks fine...Except for one little error


Your Lines of script for the images seems wrong

Your Line is:
leftrightslide[0]=<img src="http://i296.photobucket.com/albums/m.../Sepia_cut.jpg" height="150" width="125" border=1>

But should be like so

leftrightside[0]='<a href="http://i296.photobucket.com/albums/m..."><img src="Sepia_cut.jpg" border=1><a/>

You have allready specified hieght and width in the script above these entries

==========
here
Problem with dis script

<script language="JavaScript" type="text/javascript">
//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

=================

so remove them from your script
and change the a href sections and you should be fine

Hostnoone

www.chriscopland.com

Originally Posted by Hostnoone

Hi There,

Your script looks fine...Except for one little error


Your Lines of script for the images seems wrong

Your Line is:
leftrightslide[0]=<img src="http://i296.photobucket.com/albums/m.../Sepia_cut.jpg" height="150" width="125" border=1>

But should be like so

leftrightside[0]='<a href="http://i296.photobucket.com/albums/m..."><img src="Sepia_cut.jpg" border=1><a/>

You have allready specified hieght and width in the script above these entries

==========
here
Problem with dis script

<script language="JavaScript" type="text/javascript">
//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

=================

so remove them from your script
and change the a href sections and you should be fine

Hostnoone

www.chriscopland.com

Welll.. that way would work if you want the image LINKED to that site instead of a LINK on his

Karen

Thanks for your comments Karen Mac, but you did'nt help the guy

I'm just trying to help people I'm no programmer just picked up a few things along the way....so comment if you must but could you maybe tag a solution onto the end

So much for a quick fix

There was a couple of space errors and images entered where a number should be so heres the repaired script

Just Enter your images where I have put in "your image"

and check the sizes in red for the slider width and height

Here it is Navidosanjh

================================================== ==

<script type="text/javascript">

//Specify the slider's width (in pixels)
var sliderwidth="400px"
//Specify the slider's height
var sliderheight="400px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=2
//configure background color:
slidebgcolor="#EAEAEA"
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="yourimage" height="150" width="125" border=1></a>'
leftrightslide[1]='<a href="http://"><img src="yourimage" height="150" width="125" border=1></a>'
leftrightslide[2]='<a href="http://"><img src="yourimage" height="150" width="130" border=1></a>'
leftrightslide[3]='<a href="http://"><img src="yourimage" height="150" width="125" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="yourimage" border=1></a>'

//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5

<!-----No changes are required under here-----">

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imageg ap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</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+slideshowgap+" 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+slideshowgap
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+slideshowgap+"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+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+)
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshow gap
if (ns_slide2.left>(actualwidth*(-1)+)
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshow gap
}
}

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+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';hei ght:'+sliderheight+';background-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>

Since I had no way of knowing what he wanted linked where.. or if he wanted them LINKED...i didnt type out the solution. I was waiting for him to come back and ask and clarify.

Actually if hes not uploading the images to his site but using photo bucket his link is correct... with maybe the exception it needs the www. after the http. Most likely there is a second part to the script that needs to be loaded into the head tags.

I could tag a great many solutions, but what really need is a link to the site in question to actually see whats going on and why...instead of MIS INFORMATION to start with.

Karen

Hi Karen mac

When I was getting help at first I must have been a pain I thought you guys were all experts and had your mind reading hat on that day... or your wizard stick was handy ...but the truth is if it wasn't for people like you making posts a lot of ordinairy folk would give up... so Keep posting I for one certainly appreciate it Thanks!

Chris

Chris

Youre welcome. I havent mastered walking on water, nor mind reading. Its just you can read certain things because of the repetition of the same issues and know what people are referring to.

Karen