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

Advertisement

Collapse

Latest Topics

Collapse

  • MareC
    Reply to Presentations make me nervous!
    MareC
    Hang in there, CoolRuler. You are describing me in my teens, 20s and 30s. It was so bad that I couldn't order a hamburger at a fast-food joint without my voice cracking, and my high-school English teacher...
    Today, 04:56 PM
  • coolruler
    Reply to Presentations make me nervous!
    coolruler
    I think I ultimately feel as if im being graded on my presentation, which then adds pressure to a point where I have a brain fart. Again, im fine in groups, talking loudly and such. Its just when I hit...
    Today, 04:51 PM
  • seamas
    Comment on music distracting?
    seamas
    It wouldn't be so bad if it weren't twice a week for YEARS.

    One reason I can't listen to contemporary pop music radio is the limited playlists.

    Hearing the same songs over and...
    Today, 04:51 PM
  • seamas
    Comment on Need help with making lights - Photoshop CS5
    seamas
    Yep.
    Photoshop isn't gonna do this by itself--knowing how to draw is what matters. Photoshop is just a tool to facilitate it.
    Today, 04:40 PM
  • seamas
    Reply to Need help with making lights - Photoshop CS5
    seamas
    Not to change the subject but could the kerning on RSVP be done any worse??

    I pray no one paid for this.
    Today, 04:38 PM

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