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

  • MohamedMellouky
    Comment on Nice to meet you from MOROCCO
    MohamedMellouky
    Thank you. and thank you for your welcome
    Today, 04:08 PM
  • PrintDriver
    Reply to Salon Logo
    PrintDriver
    I'll mention too that most stock image EULA's usually forbid use in logos. Might want to check your stock image license before proceeding.
    Today, 11:51 AM
  • axylexu
    New in Here
    axylexu
    Hi there, I'm Alex . I started photography when i was 14 . That means 13 years ago. I'm not a pro . I use a Nikon D5300 Body with 18-55mm 1:3,5-5,6 g vr II lens , AF-S Nikkor 50mm 1:1.8G. I started to...
    Today, 11:05 AM
  • Craig B
    Reply to Nice to meet you from MOROCCO
    Craig B
    Welcome to the forum. As far as I know, sharing a link to your portfolio is certainly ok. However, advertising links are not ok.
    Today, 09:16 AM
  • Biggs097
    Reply to Anyone know what font this is?
    Biggs097
    Looks like a novelty typeface. The base of it is essentially Copperplate. With someones personal twist to it. It also has elements from a typeface called Copper Penny, particularly the bits within the...
    Today, 08:58 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