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

  • Linxie
    Reply to Feedback on logo design
    Linxie
    Thanks Biggs

    This is why I need to further my education... how intricate can one go with a logo without it becoming too intricate?
    Today, 02:39 AM
  • Linxie
    Reply to Greetings ^_^
    Linxie
    Hi KitchWitch and thanks for the welcome

    I've decided that I'm going to study further by getting my BA in Graphic Design (Visual Communication).
    There just isn't enough interaction...
    Today, 02:28 AM
  • PrintDriver
    Reply to Digital Duplicator printers
    PrintDriver
    There's a lot of stuff online about using digital duplicators for thermo. I looked cuz I wondered what the post was about. Most of it sounds to me like a slapdash way of doing a supposedly high end type...
    Yesterday, 07:12 PM
  • CourtneyKay
    My official introduction!
    CourtneyKay
    I realized I am rather new here and haven't made an official introduction!

    So without further ado, my name is Courtney and I am a graphic designer. I studied advertising in school, and currently...
    Yesterday, 05:06 PM
  • Biggs097
    Reply to Digital Duplicator printers
    Biggs097
    You'll need a bit more than just a duplicator or offset press for thermography.
    And I'm afraid a digital machine wont be an option at all.

    Traditional thermo prints also get passed...
    Yesterday, 02:52 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