Results 1 to 5 of 5

Thread: Conveyor Belt Slideshow Problem

  1. #1
    Join Date
    Oct 2005
    Location
    Marana
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Conveyor Belt Slideshow Problem

    Conveyor Belt slideshow script
    http://www.dynamicdrive.com/dynamici...rightslide.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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2005
    Location
    Marana
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    John,

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

    DOC

  4. #4
    Join Date
    Oct 2005
    Location
    Marana
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default It worked... um, sort of!

    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

  5. #5
    Join Date
    Jan 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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!!!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •