1) Script Title: Swiss Army Image Slideshow
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...army/index.htm
3) Describe problem:
I'm trying to use the "THIRD SLIDESHOW" option to display a few old farm pictures on a web site. I eliminated slideshows ONE and TWO, followed the instructions on the page on where to place the script but all I get is a blank page with a line on top. I made sure the "swissarmy.js"
is located in the same folder. I did change the width and height on each of the pictures.
I'm using Firefox as my internet browser.
I know enough html to create web pages, but still learning the proper use of scripts.
Help?
Here is the html:
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Carl Johnson Farm</title>
<style type="text/css">
/* All Styles Optional */
* {
font-family:arial;
font-size:10pt;
}
div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input, div#show4 table input {
outline-style:none;
}
</style>
<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td {
height:21px;
}
</style>
<![endif]-->
<script type="text/javascript">
//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):
var preload_ctrl_images=true;
//And configure the image buttons' images here:
var previmg='left.gif';
var stopimg='stop.gif';
var playimg='play.gif';
var nextimg='right.gif';
var slides3=[]; //THIRD SLIDESHOW
//configure the below images and descriptions to your own, note optional links, target and window specifications.
slides3[0] = ["PhotosFarm/01beets.jpg", "Beets" "top=250, left=300, width=576, height=576, location, resizable, scrollbars"];
slides3[1] = ["PhotosFarm/02beetcultivator1933.jpg", "1933 Beet Cultivator""top=250, left=300, width=576, height=576, location, resizable, scrollbars"];
slides3[2] = ["PhotosFarm/03beetsloadedbyhand.jpg", "Beets Loaded by Hand""top=250, left=300, width=576, height=576, location, resizable, scrollbars"];
slides3[4] = ["PhotosFarm/04beetsliftedbyhorse.jpg", "Beets Lifted By Horse""top=250, left=300, width=576, height=576, location, resizable, scrollbars"];
slides3[5] = ["PhotosFarm/05beetloader.jpg", "Beet Loader""top=250, left=300, width=576, height=576, location, resizable, scrollbars"];
slides3[6] = ["PhotosFarm/06beetssnowxroyxhugo.jpg", "Beets in the snow - Walter, unkwn, Roy, unknw, Hugo""top=250, left=300, width=576, height=576, location, resizable, scrollbars"];
//optional properties for these images:
slides3.no_descriptions=1; //use for no descriptions displayed
slides3.pause=1; //use for pause onmouseover
slides3.image_controls=1; //use images for controls
slides3.button_highlight='#cccccc'; //onmouseover background-color for image buttons (requires image_controls=1)
slides3.specs='width=300, height=250' //global specifications for this show's new window(s)
slides3.random=1; //set a random slide sequence on each page load
slides3.manual_start=1; //start show in manual mode (stopped)
//Notes:
//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=3000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls
//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"
</script>
<script src="swissarmy.js" type="text/javascript">
/***********************************************
* Swiss Army Image slide show script - © John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/
</script>
</head>
<body>
<p>
<script type="text/javascript">
//Notes on Parameters: The only required parameter is the slides_array_name. If Width is used, so must Height.
//Interval is optional too. It is always last, either fourth after Width and Height or second after Slides_array_name.
//Usage: new inter_slide(Slides_array_name, Width, Height, Interval)
new inter_slide(slides)
</script>
</p>
<p>
<script type="text/javascript">
new inter_slide(slides2)
</script>
</p>
<p>
<div id="show3"><script type="text/javascript">
new inter_slide(slides3)
</script>
</div>
</p>
</body>
</html>
