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

  • vdeshof
    Reply to convertion of idml to inx
    vdeshof
    huge chance your work will be a mess in the end......
    Today, 12:47 PM
  • vdeshof
    Reply to Time for a UX overhaul...opinions welcome
    vdeshof
    Hi Chris!

    In my opinion this website looks very good. It's user-friendly, pretty clear and it gives you all the information a - potentional - client needs (maybe even too much, there's a...
    Today, 12:46 PM
  • apl042
    Reply to convertion of idml to inx
    apl042
    To PrintDriver: yes, maybe you're right, however, I have no option, but just to try. The original file is a simple template, which I should fill up with my own content. So, no graphics probably except...
    Today, 11:50 AM
  • PrintDriver
    Reply to convertion of idml to inx
    PrintDriver
    I have a pretty good idea you are going to have troubles with that file trying to go that far back. Everything from formatting to color.
    Just sayin.....
    Today, 11:36 AM
  • apl042
    Reply to convertion of idml to inx
    apl042
    That's where I've actually got stuck - to find someone with CS4. Nobody is seen around. Most are using CC, at least CS6 or 5. The original idml was created in CS6. So, I guess it should be downsaved in...
    Today, 11:20 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