Announcement

Collapse
No announcement yet.

Autoplay slideshow

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Autoplay slideshow

    Hey, I'm stuck with this slideshow. It comes up nicely. But you have to click "start" to make it go through the images. Here is the code:

    <script type="text/javascript">
    // Script Author: ricocheting.com
    // Description: Slideshow that allows visitors to flip through a series of photos on your website

    var x=0;

    function rotate(num){
    sl=document.slide_form.slide;
    x=num%sl.length;
    if(x<0){x=sl.length-1};
    document.images.show.src=sl.options[x].value;
    sl.selectedIndex=x;}

    function auto() {
    if(document.slide_form.slidebutton.value == "Stop"){
    rotate(++x);window.setTimeout("auto()", 5000);}}
    </script>

    <form name="slide_form">
    <table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
    <tr><th align=center>Testing Slideshow!</th></tr>

    <tr><td align=center>
    <img src="http://www.idiomsbykids.com/taylor/mrtaylor/class20022003/idioms/idioms2003/idioms3/number%20one.jpg" name="show">
    </td></tr>

    <tr><td align=center style="border:1px black solid;">
    <select name="slide" onChange="rotate(this.selectedIndex);">
    <option value="http://www.idiomsbykids.com/taylor/mrtaylor/class20022003/idioms/idioms2003/idioms3/number%20one.jpg" selected>A image of a number one</option>
    <option value="http://animalblawg.files.wordpress.com/2009/03/number-21.jpg">An image od a number two</option>
    </select>
    </td></tr>

    <tr><td align=center style="border:1px black solid;">
    <input type=button onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning">
    <input type=button onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture">
    <input type=button name="slidebutton" onClick="this.value=((this.value=='Stop')?'Start': 'Stop');auto();" value="Start" title="Autoplay" style="width:75px;">
    <input type=button onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture">
    <input type=button onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end">
    </td></tr></table></form>

    So I just want to make it plays automatically. Thanks!

Search

Collapse

Sponsor

Collapse

Incredible Stock

Latest Topics

Collapse

  • KitchWitch
    Reply to Photography peeps, I need your help!
    KitchWitch
    Hi Bilberryblue and welcome to GDF.

    We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't...
    Today, 09:20 AM
  • KitchWitch
    Reply to ROOTS Logo
    KitchWitch
    Hi Biabarrackus and welcome to GDF.

    This thread is over ten years old, but thanks for the input.

    We ask all new members to read very important links here and here. These explain...
    Today, 09:18 AM
  • KitchWitch
    Reply to Software that can do vector patterns?
    KitchWitch
    Hi Arka and welcome to GDF.

    We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't done anything...
    Today, 09:16 AM
  • KitchWitch
    Reply to Happy Thanksgiving!
    KitchWitch
    Our dinner went as well as can be expected (with some relative's limited cooking skills) and no drama. My mom was sick, though, snuck up on her in the morning with shakes, muscle aches and a low fever....
    Today, 09:15 AM
  • PrintDriver
    Reply to Happy Thanksgiving!
    PrintDriver
    Yeah, I've had some mighty fine cloudy cider while over in the UK.

    But here, people just aren't used to cider that isn't all bubbly and sickly sweet and clear as light beer. This was pretty...
    Today, 08:25 AM
GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
Working...
X