Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > Slide Show

Reply
Thread Tools

Slide Show

 
 
The Starmaker
Guest
Posts: n/a
 
      01-15-2007
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[i] = new Image()
preLoad[i].src = Pic[i]
}

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>

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

 
Reply With Quote
 
 
 
 
Ivo
Guest
Posts: n/a
 
      01-15-2007
"The Starmaker" <(E-Mail Removed)> 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/


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
[ANN] Slide Show (S9) Gem V0.6 - New and Improved Support for UsingYour Own Slide Show Templates Gerald Bauer Ruby 0 08-26-2008 08:12 PM
get all word of slide through aspose.slide akshar108 via DotNetMonster.com ASP .Net 0 10-30-2007 04:49 AM
Slide-in & slide-out Scroller Help! banyan Javascript 0 11-16-2005 08:05 AM
Good slide scanning service vs. good slide scanner for Do-It-Yourself? LAshooter Digital Photography 0 06-25-2005 07:14 AM
How to build a slide show? =?Utf-8?B?UnVkeQ==?= ASP .Net 7 05-09-2005 07:05 AM



Advertisments