Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jun 2003
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Need Help with Slideshow !

    I need help modifying some code that I got from Javascriptkit.com

    I need to add a feature to the following SlideShow code that will allow me to pause the slide show upon mouseover or mouse click.

    Can you help ?

    Here is the code:-----

    <script language="JavaScript1.2">

    /*Multi image slideshow script- by javascriptkit.com
    Visit JavaScript Kit (http://javascriptkit.com) for script
    Credit must stay intact for use*/

    //#1 SPECIFY number of slideshows
    var number_of_slideshows=3

    //#2 SPECIFY interval between slide (2000=2 seconds)
    var interval=2000

    //#3 SHOULD each slide be linked to a unique URL?
    var linked=1

    var slideshows=new Array(number_of_slideshows)
    for (i=0; i <number_of_slideshows; i++)
    slideshows[i]=new Array()

    //#4 SPECIFY image paths of 1st slideshow
    slideshows[0][0]='car1.gif'
    slideshows[0][1]='car2.gif'
    slideshows[0][2]='car3.gif'


    //SPECIFY image paths of 2nd slideshow (remove if number_of_slides less than 2)
    slideshows[1][0]='house1.gif'
    slideshows[1][1]='house2.gif'
    slideshows[1][2]='house3.gif'


    //SPECIFY image paths of 3rd slideshow (remove if number_of_slides less than 3)
    slideshows[2][0]='boat1.gif'
    slideshows[2][1]='boat2.gif'
    slideshows[2][2]='boat3.gif'

    //EXTEND THIS ARRAY if more than 3 slide shows


    <!--Remove the below portion if "var linked" above is set to 0-->

    var slidelinks=new Array(number_of_slideshows)
    for (i=0; i <number_of_slideshows; i++)
    slidelinks[i]=new Array()

    //#5 SPECIFY urls of 1st slideshow
    slidelinks[0][0]='http://mysite.com/car1.htm'
    slidelinks[0][1]='http://mysite.com/car2.htm'
    slidelinks[0][2]='http://mysite.com/car3.htm'


    //SPECIFY urls of 2nd slideshow (remove if number_of_slides=1)
    slidelinks[1][0]='http://mysite.com/house1.htm'
    slidelinks[1][1]='http://mysite.com/house2.htm'
    slidelinks[1][2]='http://mysite.com/house3.htm'


    //SPECIFY urls of 3rd slideshow (remove if number_of_slides less than 3)
    slidelinks[2][0]='http://mysite.com/boat1.htm'
    slidelinks[2][1]='http://mysite.com/boat2.htm'
    slidelinks[2][2]='http://mysite.com/boat3.htm'

    function clickredir(){
    window.location=slidelinks[maininc][subinc]
    }

    <!-- END removal ---------------------------------->

    var maininc=0
    var subinc=0

    if (linked)
    document.write('<a href="javascript:clickredir()"><img src="'+slideshows[0][0]+'" name="multislide" border=0></a>')
    else
    document.write('<img src="'+slideshows[0][0]+'" name="multislide">')

    function slideit(){
    subinc= (subinc<slideshows[maininc].length-1)? subinc+1: 0
    document.images.multislide.src=slideshows[maininc][subinc]
    }

    function setslide(which){
    clearInterval(runit)
    maininc=which
    subinc=0
    runit=setInterval("slideit()",interval)
    }

    runit=setInterval("slideit()",interval)

    </script>

    <p>
    - <a href="javascript:setslide(0)">JavaScript books</a><br>
    - <a href="javascript:setslide(1)">DHTML books</a><br>
    - <a href="javascript:setslide(2)">Flash books</a>

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What about something like this?

    http://www.peterbailey.net/dhtml/ss_with_links.htm
    My Site | fValidate | My Brainbench | MSDN | Gecko | xBrowser DOM | PHP | Ars | PVP
    “Minds are like parachutes. They don't work unless they are open”
    “Maturity is simply knowing when to not be immature”


  •  

    Posting Permissions

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