134 lines
3 KiB
HTML
134 lines
3 KiB
HTML
<html>
|
|
<head>
|
|
<script>
|
|
|
|
var vImage = new Array(
|
|
%s)
|
|
|
|
var cImage = %d
|
|
|
|
var runSlidesFlag = 0
|
|
var iImage = 0
|
|
var Mode = "Slideshow"
|
|
|
|
function loadedDoc()
|
|
{
|
|
if (navigator.appName != "Netscape" || navigator.appName.indexOf("Microsoft") != -1)
|
|
{
|
|
top.location.href = "viewer.htm"
|
|
}
|
|
|
|
var preload = new Image()
|
|
preload.src = vImage[0]
|
|
|
|
Slideshow();
|
|
Ticker();
|
|
}
|
|
|
|
function Ticker()
|
|
{
|
|
setTimeout("Ticker()", 1000)
|
|
if (runSlidesFlag == 1) {
|
|
if (Mode == "Slideshow") {
|
|
nextImage()
|
|
}
|
|
}
|
|
}
|
|
|
|
function Film()
|
|
{
|
|
Mode = "Film"
|
|
document.layers.netFilmLayer.visibility = "show"
|
|
document.layers.netSlideLayer.visibility = "hide"
|
|
document.layers.netContactLayer.visibility = "hide"
|
|
filmSelect(iImage)
|
|
}
|
|
|
|
function Slideshow()
|
|
{
|
|
Mode = "Slideshow"
|
|
document.layers.netFilmLayer.visibility = "hide"
|
|
document.layers.netSlideLayer.visibility = "show"
|
|
document.layers.netContactLayer.visibility = "hide"
|
|
document.layers.netSlideLayer.document.images[0].src = vImage[iImage]
|
|
}
|
|
|
|
function Contact()
|
|
{
|
|
Mode = "Contact"
|
|
document.layers.netFilmLayer.visibility = "hide"
|
|
document.layers.netSlideLayer.visibility = "hide"
|
|
document.layers.netContactLayer.visibility = "show"
|
|
}
|
|
|
|
function nextImage()
|
|
{
|
|
iImage = (iImage + vImage.length + 1) % vImage.length
|
|
document.layers.netSlideLayer.document.images[0].src = vImage[iImage]
|
|
}
|
|
|
|
function prevImage()
|
|
{
|
|
iImage = (iImage + vImage.length - 1) % vImage.length
|
|
document.layers.netSlideLayer.document.images[0].src = vImage[iImage]
|
|
}
|
|
|
|
function runSlides()
|
|
{
|
|
runSlidesFlag = (runSlidesFlag + 1) % 2
|
|
}
|
|
|
|
function filmSelect(i)
|
|
{
|
|
iImage = i;
|
|
document.layers.netFilmLayer.document.images[0].src = vImage[i]
|
|
}
|
|
|
|
function nextFilmImage()
|
|
{
|
|
filmSelect((iImage + vImage.length + 1) % vImage.length)
|
|
}
|
|
|
|
function contactSelect(i)
|
|
{
|
|
Film()
|
|
filmSelect(i)
|
|
}
|
|
|
|
</script>
|
|
<style>
|
|
TD { valign: center }
|
|
TR { align: center }
|
|
IMG.THUMB { padding: 20px; cursor: hand;}
|
|
BODY { margin: 0; }
|
|
|
|
</style>
|
|
<body onLoad="loadedDoc()" link="#03a0fc" vlink="#03a0fc">
|
|
|
|
<div style="font-size: 12pt; font-family: Trebuchet MS, Arial, sans-serif"><a href="#" onclick="Film()">Film Strip</a></div>
|
|
<div style="font-size: 12pt; font-family: Trebuchet MS, Arial, sans-serif"><a href="#" onclick="Slideshow()">Slideshow</a></div>
|
|
<div style="font-size: 12pt; font-family: Trebuchet MS, Arial, sans-serif"><a href="#" onclick="Contact()">Contact Sheet</a></div>
|
|
|
|
<layer name="netFilmLayer" id=netscapeLayerFilm visibility=hide>
|
|
%s
|
|
<table>
|
|
<tr>
|
|
%s</tr></table>
|
|
</layer>
|
|
|
|
<layer name="netSlideLayer" id=netscapeLayerSlide>
|
|
%s
|
|
<form>
|
|
<input class=SLIDECONTROLS type=button value="Back" onclick="prevImage()">
|
|
<input class=SLIDECONTROLS id=runButton type=button value="Play" onclick="runSlides()">
|
|
<input class=SLIDECONTROLS type=button value="Forward" onclick="nextImage()">
|
|
</form>
|
|
</layer>
|
|
<layer name="netContactLayer" id=netscapeLayerContact visibility=hide>
|
|
<table>
|
|
<tr>
|
|
%s</tr></table>
|
|
</layer>
|
|
|
|
</body>
|
|
</html> |