Slide Show

Discussion in 'Javascript' started by The Starmaker, Jan 15, 2007.

  1. Is there a command I can add to this script that will
    end the slideshow at the last image so it doesn't run continously?

    Pic[0] = '1.jpg'
    Pic[1] = '2.jpg'
    Pic[2] = '3.jpg'
    Pic[3] = '4.jpg'
    Pic[4] = '5.jpg' (stop here)


    ===========================================================
    Script: JavaScript Cross-Browser SlideShow Script
    With Adjustable Timing and Unlimited Images
    Function: Displays images continuously in a slideshow
    presentation format
    Browsers: All common browsers: NS3-6, IE 4-6
    Author: etLux
    ===========================================================

    Step 1.
    Put the following script in the head of your page:

    <script>

    // (C) 2000 www.CodeLifter.com
    // http://www.codelifter.com
    // Free for all users, but leave in this header

    // =======================================
    // set the following variables
    // =======================================

    // Set speed (milliseconds)
    var speed = 1000

    // Specify the image files
    var Pic = new Array() // don't touch this
    // to add more images, just continue
    // the pattern, adding to the array below

    Pic[0] = '1.jpg'
    Pic[1] = '2.jpg'
    Pic[2] = '3.jpg'
    Pic[3] = '4.jpg'
    Pic[4] = '5.jpg'

    // =======================================
    // do not edit anything below this line
    // =======================================

    var t
    var j = 0
    var p = Pic.length

    var preLoad = new Array()
    for (i = 0; i < p; i++){
    preLoad = new Image()
    preLoad.src = Pic
    }

    function runSlideShow(){
    document.images.SlideShow.src = preLoad[j].src
    j = j + 1
    if (j > (p-1)) j=0
    t = setTimeout('runSlideShow()', speed)
    }

    </script>

    ===========================================================

    Step 2.
    Put this onload event call in your body tag:

    <body onload="runSlideShow()">

    ===========================================================

    Step 3.
    Put this in the body of your page where you want the
    slide show to appear.

    Set widths and heights same as images
    Set image file same as first image in array Pic[] (above)

    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td id="VU" height=150 width=150>
    <img src="1.jpg" name='SlideShow' width=150 height=150></td>
    </tr>
    </table>

    ===========================================================
    The Starmaker, Jan 15, 2007
    #1
    1. Advertising

  2. The Starmaker

    Ivo Guest

    "The Starmaker" <> schreef
    > Is there a command I can add to this script that will
    > end the slideshow at the last image so it doesn't run continously?


    <snip script>
    Change this line in the function called runSlideShow:
    if (j > (p-1)) j=0

    into this line:
    if (j > (p-1)) { return; }

    It 's a quick hack to achieve just what you asked for, end the show, which
    is fine because the whole code appears to be little more than a hack. More
    elegant solutions and more elegant slideshows exist.
    Ivo
    http://4umi.com/web/javascript/
    Ivo, Jan 15, 2007
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. =?Utf-8?B?UnVkeQ==?=

    How to build a slide show?

    =?Utf-8?B?UnVkeQ==?=, May 5, 2005, in forum: ASP .Net
    Replies:
    7
    Views:
    514
    Brian Cryer
    May 9, 2005
  2. =?Utf-8?B?UnVkeQ==?=

    Slide show and Sql

    =?Utf-8?B?UnVkeQ==?=, May 10, 2005, in forum: ASP .Net
    Replies:
    1
    Views:
    562
    Lucas Tam
    May 10, 2005
  3. akshar108 via DotNetMonster.com

    get all word of slide through aspose.slide

    akshar108 via DotNetMonster.com, Oct 30, 2007, in forum: ASP .Net
    Replies:
    0
    Views:
    585
    akshar108 via DotNetMonster.com
    Oct 30, 2007
  4. Gerald Bauer
    Replies:
    0
    Views:
    250
    Gerald Bauer
    Aug 26, 2008
  5. banyan

    Slide-in & slide-out Scroller Help!

    banyan, Nov 16, 2005, in forum: Javascript
    Replies:
    0
    Views:
    118
    banyan
    Nov 16, 2005
Loading...

Share This Page