473,320 Members | 1,961 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Conveyer Belt Image Script question -- other direction

Hi,

I'm a perl/C programmer but a Javascript problem has been dumped into my
lap. A client of mine has a freeware javascript on their site which shows a
series of pictures on a web page in a conveyer belt fashion (I call it a
crawl). The script when running goes in the direction of right to left, they
would like it to go in the direction of right to left. There are no config
options at the head of this script to change it's direction. I've looked at
the code but nothing is jumping out at me that would solve this problem.
I've pasted the script in below. I'd really appreciate any advice or
solutions for this problem.

Thanks very much.
ms*****@optonline.net
------ Script ---

//Specify the slider's width (in pixels)
var sliderwidth="800px"
//Specify the slider's height
var sliderheight="140px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=2
//configure background color:
slidebgcolor="#4D88C0"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="" target="_blank"><img src="go1.jpg"
border=0></a>'
leftrightslide[1]='<a href="" target="_blank"><img src="go2.jpg"
border=0></a>'
leftrightslide[2]='<a href="" target="_blank"><img src="go3.jpg"
border=0></a>'
leftrightslide[3]='<a href="" target="_blank"><img src="go4.jpg"
border=0></a>'
leftrightslide[4]='<a href="" target="_blank"><img src="go5.jpg"
border=0></a>'
leftrightslide[5]='<a href="" target="_blank"><img src="go6.jpg"
border=0></a>'
leftrightslide[6]='<a href="" target="_blank"><img src="go7.jpg"
border=0></a>'
leftrightslide[7]='<a href="" target="_blank"><img src="go8.jpg"
border=0></a>'
leftrightslide[8]='<a href="" target="_blank"><img src="go9.jpg"
border=0></a>'
leftrightslide[9]='<a href="" target="_blank"><img src="go10.jpg"
border=0></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">'+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+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)+8))
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)+8))
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)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30

if (ns_slide2.left>(actualwidth*(-1)+8))
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+';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></td>
Jul 23 '05 #1
5 1351
Milagro wrote:
Hi,

I'm a perl/C programmer but a Javascript problem has been dumped into my
lap. A client of mine has a freeware javascript on their site which shows a
series of pictures on a web page in a conveyer belt fashion (I call it a
crawl). The script when running goes in the direction of right to left, they
would like it to go in the direction of right to left. There are no config
options at the head of this script to change it's direction. I've looked at
the code but nothing is jumping out at me that would solve this problem.
I've pasted the script in below. I'd really appreciate any advice or
solutions for this problem.
<--snip-->
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style. left)-copyspeed+"px"


That -copyspeed is what sets the left style, meaning its moving it to
the left. Changing it to + instead of - should make it move the other
direction.

You will have to keep hunting the +/- "px" and tinker with it to find
them all. Change one, see what effect it has.
--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq
Jul 23 '05 #2
"Randy Webb" <Hi************@aol.com> wrote in message
news:et********************@comcast.com...
Milagro wrote:
Hi,

I'm a perl/C programmer but a Javascript problem has been dumped into
my

< snip>
<--snip-->
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style. left)-copyspeed+"px"


That -copyspeed is what sets the left style, meaning its moving it to
the left. Changing it to + instead of - should make it move the other
direction.

You will have to keep hunting the +/- "px" and tinker with it to find
them all. Change one, see what effect it has.


the "px" is the (required) unit qualifier in CSS position attributes:

.crossSlideStyle {
left: 100px;
top: 50px;
}

It could have been "em", "in", etc...

--
Dag
58°26'15.9" N 008°46'45.5" E
Jul 23 '05 #3
Dag Sunde wrote:
"Randy Webb" <Hi************@aol.com> wrote in message
news:et********************@comcast.com...
Milagro wrote:
Hi,

I'm a perl/C programmer but a Javascript problem has been dumped into


my

< snip>
<--snip-->
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.sty le.left)-copyspeed+"px"


That -copyspeed is what sets the left style, meaning its moving it to
the left. Changing it to + instead of - should make it move the other
direction.

You will have to keep hunting the +/- "px" and tinker with it to find
them all. Change one, see what effect it has.

the "px" is the (required) unit qualifier in CSS position attributes:

.crossSlideStyle {
left: 100px;
top: 50px;
}

It could have been "em", "in", etc...


I totally understand and know that. The line before that one says
"Changing it to + instead of -.....", the "px" part is what is going to
give a clue as to which *ones* to change. If you change all the + to -,
it will break the script.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq
Jul 23 '05 #4
"Randy Webb" <Hi************@aol.com> wrote in message
news:-s********************@comcast.com...
Dag Sunde wrote:
"Randy Webb" <Hi************@aol.com> wrote in message
news:et********************@comcast.com...
Milagro wrote:

Hi,

I'm a perl/C programmer but a Javascript problem has been dumped into
my

< snip>
<--snip-->

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.sty le.left)-copyspeed+"px"

That -copyspeed is what sets the left style, meaning its moving it to
the left. Changing it to + instead of - should make it move the other
direction.

You will have to keep hunting the +/- "px" and tinker with it to find
them all. Change one, see what effect it has.

the "px" is the (required) unit qualifier in CSS position attributes:

<snipped>
I totally understand and know that. The line before that one says
"Changing it to + instead of -.....", the "px" part is what is going to
give a clue as to which *ones* to change. If you change all the + to -,
it will break the script.

My bad, then...
I thought you meant change + "px" into - "px"...
:-)

--
Dag
58°26'15.9" N 008°46'45.5" E
Jul 23 '05 #5
> > >>
>>function slideleft(){
>>if (iedom){
>>if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
>>cross_slide.style.left=parseInt(cross_slide.sty le.left)-copyspeed+"px"
>
>That -copyspeed is what sets the left style, meaning its moving it to
>the left. Changing it to + instead of - should make it move the other
>direction.
>
>You will have to keep hunting the +/- "px" and tinker with it to find
>them all. Change one, see what effect it has.


Hi,
I've tried to change the values mentioned above and it does work, but
it also causes the images to scroll off the right side of the page and
not recycle themselves as they had before. I've tried changing all of
the style.left lines to style.right but that didn't work. It only
froze the scrolling all together.
Does anyone have any suggestions on how to fix this new problem I'm
having with this script? Thanks very much.

Mike
Jul 23 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: Michel | last post by:
Hi folks, I wonder if what I have in mind is possible, maybe even not all that complicated: I have an image, which is a yellow circle. I want this yellow circle to change color by having 3...
2
by: | last post by:
I am hoping a mixed ASP- Javascript programmer could help me with this scenario: I have a list box populated with randomized records (NewID()) from a Broker (Salesperson) sql server table. ...
3
by: Andy | last post by:
Can someone please help me with this problem? I don't know if this is possible in Java, so if it's not please point me in the right direction or to the right newsgroup! (I'm a newby to Java...
12
by: Major Man | last post by:
Hi, I have this .jpg picture that's 700 x 200. What I wanna do is display it on a 300 x 200 window, and have it scroll left and right, back and forth. Can anyone help this newbie? TIA
6
by: ruca | last post by:
Hi gurus, I have a imagebutton in my WebForm, and I want that when I click (mouse down) on her the imagebutton change image and when I "unclick" (mouse up) change to the original image. Basically...
1
by: NH | last post by:
Hi, I'm struggling to display an image on asp.net webform (vb.net). The image is stored in a image field in a sql server database. I have read a good few solutions to it and still havnt got it...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.