POOL Side - Tombstone

BROWSE

Tombstone

Browse For Slide Show

| Cemetery | Name | Pedigree-> | 1 | 2 | 3 | 4 |
Only for images on your computer or CD

Browse your files for images and "Add to list". Each entry will begin with a "?". You may type or edit the list. When the list is complete, click "Start Slide Show" to view the images.

The syntax for Slide Show is: show.htm?path/?image?image?image . . . For this example, the path parameter is not needed since each image contains a full path from the browse button. You can prepare your own link to do a slide show by copying the content of the above box.

An example looks like this: <a href="show.htm?brookside/?belding-bertha.jpg?belding-family.jpg?belding-fred.jpg">Slide Show</a>. Click on it to try. Click on "< return >" to return here. Click on "< start >" to advance images every 5 seconds. Images are re-sized to fit in your browser window.

The source code of show.htm is given in the box below. Right-click/Select All, Right-click/Copy to place a copy in your clipboard.

<head><script language="JavaScript"><!--
// simple slide show script by Jim Pool

// define global variables
  var xcycle = "";
  var xshow = "OFF";
  var xalt = "";
  var xcnt = 0;
  var xpath = "";
  var xnum = 1;
  var xpic = new Array();
  var xlive = new Array();
  var xsize = 0;

function preload() {
 xpath = xpic[1];
 for( i=1; i<=xcnt; i++ ) {
 xlive[i] = new Image();
 xlive[i].src = xpath + xpic[i+1];
 xin = 'Loading image ' + i;
 document.getElementById('page').innerHTML = xin;
 }
 show(xnum);
}

function show(n) {
 xn = n + 1
 xpart = xpic[xn].split("\\");
 xnam = xpart[xpart.length-1];
// xin = '<img src="' + xpath + xpic[xn] + '" alt="' + xpic[xn] + '" height="' + xsize + '">';
 xin = '<img src="' + xpath + xpic[xn] + '" alt="' + xnam + '" height="' + xsize + '">';
 document.getElementById('image').innerHTML = xin;
// xin = n + ' of ' + xcnt + ' (' + xsize + ') ' + xpic[xn] + ' ' + xshow;
 xin = n + ' of ' + xcnt + ' (' + xsize + ') ' + xnam + ' ' + xshow;
 document.getElementById('page').innerHTML = xin;
}

// --></script>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<noscript>
 <tr>
 <td
 style="font-weight: bold; text-align: left; background-color: rgb(255,255,255); color: rgb(0,0,0); padding-left: 15px; padding-right: 15px">If
 you are getting the message:&nbsp; &quot;To help protect your
 security, Internet Explorer has restricted this web page from running scripts or ActiveX
 controls that could access your computer. Click here for options...&quot;, Internet
 Explorer is blocking scripts and ActiveX not because it is in this web page but due to
 IE's settings. &nbsp; Click on: Tools/ Internet Options/ Advanced tab/ -- then scroll down
 to &quot;Security&quot;. &nbsp;Make sure there is a checkmark in the box next to
 &quot;Allow Active content to run in files on My computer&quot;. &nbsp;You must restart
 Internet Explorer for the change to take effect.</td>
 </tr>
</noscript>
 <tr>
 <td width="100%"><a href="javascript:history.back();" title="Return to previous page">&lt;
 return &gt;</a>&nbsp;&nbsp; <a href="javascript:first();" title="First image">&lt; first
 &gt;</a>&nbsp;&nbsp; <a href="javascript:previous();" title="Previous image">&lt; previous
 &gt;</a>&nbsp;&nbsp; <a href="javascript:next();" title="Next image">&lt; next &gt;</a>&nbsp;&nbsp;
 <a href="javascript:last();" title="Last image">&lt; last &gt;</a>&nbsp;&nbsp; <a
 href="javascript:start();" title="Start show">&lt; start &gt;</a>&nbsp;&nbsp; <a
 href="javascript:stop();" title="Stop show">&lt; stop &gt;</a></td>
 </tr>
 <tr>
 <td width="100%" id="image">&nbsp;&nbsp;
 &nbsp;
 Loading, Please wait . . .
 &nbsp;
 &nbsp;
 &nbsp;</td>
 </tr>
 <tr>
 <td width="100%" id="page">Loading</td>
 </tr>
</table>
</body>
</html>

Please contact me with your comments, contributions, or corrections.

POOL Side

rev. Wednesday, January 02, 2008