dhtml conveyor belt slideshow script

Discussion in 'Javascript' started by ckusitor@btopenworld.com, Aug 8, 2005.

  1. Guest

    hi
    i wonder if anyone can help me with this script? i have a very static
    boring website created in frontpage and would like to add a dhtml
    conveyor belt slideshow which is scrolled by using the cursor i have
    found a great website called dynamicdrive.com and on this page:
    http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htmpages they
    have a script for this conveyor belt slideshow.
    my images are named 1.gif, 2.gif, 3.gif etc but i cant get them to show
    when i add this script to my website, i dont know if its got anything
    to do with the rest of my frontpage scripting? can someon please cast
    and eye over this and let me know where i've gone wrong?

    thank you very much.
    distressed danzell. x


    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=windows-1252">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>Exhibition</title>
    <style>
    <body>
    {
    background-color: #FFFFFF;
    color: #000000;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 10pt;
    font-family: verdana,arial, helvetica;
    line-height: 25px
    }
    A:link {color: #A39F9F;
    font-weight: bold;
    text-decoration: none }
    A:visited {color: #DAD5D5;
    font-weight: bold;
    text-decoration: none}
    A:active {color: #A39F9F;
    font-weight: bold;
    text-decoration: none }
    A:hover {color: #6AD6DA;
    background-image: none;
    font-weight: bold;
    text-decoration: none}

    H2 {font-size: 16pt; font-family: verdana, arial, helvetica; color:
    #000000; text-align: center}

    H3 {font-size: 14pt; font-family: verdana, arial, helvetica; color:
    #000000; text-align: left}

    H4 {font-size: 12pt; font-family: verdana, arial, helvetica; color:
    #000000; text-align: left}

    DIV {color: navy; font-size: 14pt; font-weight: 700}

    </head>

    <body>
    <b><script type="text/javascript">

    /***********************************************
    * Conveyor belt slideshow script- © Dynamic Drive DHTML code library
    (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source
    code
    ***********************************************/


    //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="1.gif" border=1></a>'
    leftrightslide[1]='<a href="http://"><img src="2.gif" border=1></a>'
    leftrightslide[2]='<a href="http://"><img src="3.gif" border=1></a>'
    leftrightslide[3]='<a href="http://"><img src="4.gif" border=1></a>'
    leftrightslide[4]='<a href="http://"><img src="5.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>
    </b>
    <p align="center"><font face="Arial" size="-2">Free DHTML scripts
    provided by<br>
    <a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
    </body>

    </html>
    </head>
     
    , Aug 8, 2005
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Andrew Wingorodov

    conveyor non-stop

    Andrew Wingorodov, Dec 28, 2007, in forum: C Programming
    Replies:
    3
    Views:
    320
    CBFalconer
    Dec 28, 2007
  2. Dmitry Buzdin

    Ruby Black Belt

    Dmitry Buzdin, Mar 28, 2006, in forum: Ruby
    Replies:
    54
    Views:
    465
    Benjohn Barnes
    Apr 4, 2006
  3. Jackie Huang

    how to choose a belt (gurtel) gift

    Jackie Huang, Oct 12, 2007, in forum: Ruby
    Replies:
    0
    Views:
    88
    Jackie Huang
    Oct 12, 2007
  4. Edje
    Replies:
    0
    Views:
    119
  5. Steve
    Replies:
    1
    Views:
    292
    Richard Cornford
    Apr 9, 2005
Loading...

Share This Page