Announcement Announcement Module
Collapse
No announcement yet.
Autoplay slideshow Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse


X
Conversation Detail Module
Collapse
  • 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!
Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
Working...
X