Results 1 to 8 of 8

Thread: I'm looking for a mouseover script that will cycle more than just 2 images

  1. #1
    Join Date
    Jan 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question I'm looking for a mouseover script that will cycle more than just 2 images

    I'd like a script that cycles about 4-5 images with a 2 second delay between each. Unfortunately my images aren't named consecutively like image1.jpg, image2.jpg, image3.jpg, but rather image2.jpg, image8.jpg, image4.jpg..

    Does anyone know where I can find a script like this? I've looked all over without luck

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    And you want this to only cycle during a mouse over? Or when it loads?
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  3. #3
    Join Date
    Jan 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by BLiZZaRD View Post
    And you want this to only cycle during a mouse over? Or when it loads?
    only to cycle on mouseover

  4. #4
    Join Date
    Jan 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    anyone know where i can find this?

  5. #5
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    So you wanna make it so when you mouseover it goes then when you take your mouseoff it stops on that image you were on?
    Jeremy | jfein.net

  6. #6
    Join Date
    Jan 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Nile View Post
    So you wanna make it so when you mouseover it goes then when you take your mouseoff it stops on that image you were on?
    actually, i want it so it starts cycling when the mouse is over it, but reverts back to the first image when the mouse moves off

  7. #7
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Try this, your gonna need to do the rest, all you need to do is make a link, and an onmouseon(i think) to do it and get rid of the body onload:
    Code:
    <body onLoad="frame_upload_1();">
    <script type="text/javascript">
    function frame_upload_1(){
    document.getElementById('div_for_up').innerHTML='<img src="http://forums.tizag.com/images/custom/tizagSugar.jpg" />'; //Get the element by its id
    setTimeout('frame_upload_2()', 2000); //After 2000 miliseconds do the function frame_upload_2()
    }
    function frame_upload_2(){
    document.getElementById('div_for_up').innerHTML='<img src="http://www.movenext.nl/page/images/thumb/w248h220_php-logo.jpg" />'; //Get the element by its id
    setTimeout('frame_upload_3()', 2000); //After 2000 miliseconds do the function frame_upload_3()
    }
    function frame_upload_3(){
    document.getElementById('div_for_up').innerHTML='<img src="http://blogs.zdnet.com/open-source/images/mysql.gif" />'; //Get the element by its id
    setTimeout('frame_upload_1()', 2000); //After 2000 miliseconds do the function frame_upload_1()
    }
    </script>
    <div id="div_for_up">Loading....</div>
    </body>
    Jeremy | jfein.net

  8. #8
    Join Date
    Jan 2008
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    wow, thank you very much!

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
  •