PDA

View Full Version : Conveyor Belt Slideshow Problem



DocP
10-29-2005, 02:17 AM
Conveyor Belt slideshow script
http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

Okay - I have read every post concerning this script looking for an answer to my question to no avail. Just wanted you to know that I did my homework. :)

I am using a web host who uses their own admin modules and I have no access directly to my site directory. However, I have consulted with their support. While they made every attempt to help, the problem remains. Here's the problem: I have setup my code for this effect. However, when I copy and paste the code to their proprietary page editor (Front Page, PHP) and update the page, all the code except <script type="text/javascript"> does not save to the page. IOW when I attempt to save the script, the script gets truncated. I have examined every line of code and every post in this forum concerning this script until my eyes are spinning like slot machine tumblers. Because I cannot get the code to save, I cannot provide a link for you to peruse. However, I can offer my modified code. It is as follows:

<body>

<script type="text/javascript">
//Specify the slider's width (in pixels)
var sliderwidth="620px"
//Specify the slider's height
var sliderheight="190px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#D89943"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.agiftrack.com/index.php/cName/african-motif-decor"><img src="images/custom/African.gif" border=1></a>'
leftrightslide[1]='<a href="http://www.agiftrack.com/index.php/cName/aromatherapy-more"><img src="images/custom/aromatherapy.gif" border=1></a>'
leftrightslide[2]='<a href="http://www.agiftrack.com/index.php/cName/asian-motif-decor"><img src="images/custom/Asian.gif" border=1></a>'
leftrightslide[3]='<a href="http://www.agiftrack.com/index.php/cName/bed-bath-and-beyond"><img src="images/custom/Bath.gif" border=1></a>'
leftrightslide[4]='<a href="http://www.agiftrack.com/index.php/cName/candles-decorative-and-fragrant"><img src="images/custom/Candles.gif" border=1></a>'
leftrightslide[5]='<a href="http://www.agiftrack.com/index.php/cName/collectibles"><img src="images/custom/Collectibles.gif" border=1></a>'
leftrightslide[6]='<a href="http://www.agiftrack.com/index.php/cName/fun-games"><img src="images/custom/Fun_Games.gif" border=1></a>'
leftrightslide[7]='<a href="http://www.agiftrack.com/index.php/cName/gifts-for-all-occasions"><img src="images/custom/Gifts_for_all_occasions.gif" border=1></a>'
leftrightslide[8]='<a href="http://www.agiftrack.com/index.php/cName/holiday-ideas"><img src="images/custom/holliday_ideas.gif" border=1></a>'
leftrightslide[9]='<a href="http://www.agiftrack.com/index.php/cName/home-decor"><img src="images/custom/home_decor.gif" border=1></a>'
leftrightslide[10]='<a href="http://www.agiftrack.com/index.php/cName/collectibles-kiss-a-frog"><img src="images/custom/Kiss_a_Frog.gif" border=1></a>'
leftrightslide[11]='<a href="http://www.agiftrack.com/index.php/cName/collectibles-tiny-talk-house-of-miniatures"><img src="images/custom/Miniature.gif" border=1></a>'
leftrightslide[12]='<a href="http://www.agiftrack.com/index.php/cName/collectibles-myth-legend"><img src="images/custom/myth_legand.gif" border=1></a>'
leftrightslide[13]='<a href="http://www.agiftrack.com/index.php/cName/southwestern-motif-decor"><img src="images/custom/Southwestern.gif" border=1></a>'
leftrightslide[14]='<a href="http://www.agiftrack.com/index.php/cName/spiritual-belief"><img src="images/custom/Spiritual.gif" border=1></a>'
leftrightslide[16]='<a href="http://www.agiftrack.com/index.php/cName/yard-and-garden"><img src="images/custom/yard_garden.gif" 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 NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</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=leftrightslide
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_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
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)+8))
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)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.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)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

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


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

As stated, this site is PHP. Anyone who could offer possible solutions would be my newest coding hero.

Thanks in advance.


DOC

jscheuer1
10-29-2005, 02:47 PM
Can you upload files to the site? Do you have access to another site that could host the script in external form?

If so, the script could be turned into an external file then all you would need on the page would be:


<script src="path_and_filename.js" type="text/javascript"></script>

where path_and_filename.js would be something like:

http://www.somedomain.com/conveyor.js

The file conveyor.js would be a text file whose contents would be everything below:

<script type="text/javascript">

up to but not including:

</script>

from your above post.

Don't get your hopes up though. FrontPage is notorious for not allowing scripts under certain configurations. So I would not be too surprised if a web form/application called 'Front Page, PHP' had the same problem, only worse because you cannot change its configuration.

DocP
10-29-2005, 11:01 PM
John,

Many thanks for the suggestion. I will give this a try and advise.

DOC

DocP
10-30-2005, 03:53 AM
John,

Thanks, Bud! That worked. However, I had to tweak several things. I'm not fond of the Front Page web app there and they know it.

Wanna have a look? www.agiftrack.com

Thanks again. I have a feeling I'll be back. LOL

DOC

annasat
01-15-2006, 10:41 PM
Mr. DocP,

I have seen your website. Lookslike You are using OsCommerce shopping cart.
I am also using same. So, To follow the directions of Mr.jscheuer1,
in which file (name & path) you give
<script src="path_and_filename.js" type="text/javascript"></script>
and where??

Please help??

Mr.jscheuer1,
If you are familiar with Oscommerce File structure, please let me know which file I need to update?

Thanks in Advance!!!