I appreciate your help.
I cannot send a link because I'm working on a development site. But you can see what is done below. After hours of works, it's really sad I can't see where is the mistake.
Each side is working correctly, but both don't together.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>xxx</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- <link rel="stylesheet" type="text/css" href="stylesheet.css"> -->
<style type="text/css">
#show0 {
width:160px;
height:225px
}
<!-- #controls0, -->
#desc0 {
margin-top:1ex;
<!--}
#controls0 {-->
float:left;
}
#desc0 {
font-family:arial;
font-size:10pt;
color:#FA0;
text-align:center;
margin:0 auto;
}
#clear {
clear:both;
}
#imgdsc0 {
position:relative;
z-index:100;
}
</style>
<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=false;
var slides=[]; //FIRST SLIDESHOW (LEFT)
//configure the below images and descriptions to your own.
slides[0] = ["images/slideimages/agonie.gif", "Agonie dans le jardin..."];
slides[1] = ["images/slideimages/canard.gif", "Le canard"];
slides[2] = ["images/slideimages/crucifix.jpg", "The Crucifix"];
slides[3] = ["images/slideimages/doglovers.jpg", "The Dog lovers"];
slides[4] = ["images/slideimages/jeune-fille.gif", "Jeune fille à la colombe"];
slides[5] = ["images/slideimages/jmj.jpg", "Joseph, Marie & Jésus"];
slides[6] = ["images/slideimages/kissing.jpg", "Kissing Fools"];
slides[7] = ["images/slideimages/monalisa.gif", "Mona Lisa"];
slides[8] = ["images/slideimages/photo3.jpg", "Photo # 3"];
slides[9] = ["images/slideimages/ruines.gif", "Ruines"];
slides[10] = ["images/slideimages/seatedwoman.jpg", "Seated Woman"];
slides[11] = ["images/slideimages/standingwoman.jpg", "Standing Woman"];
slides.no_controls = 1;
//optional properties for these images:
slides.no_added_linebreaks=1; //use for no added line breaks in formatting of texts and controls
/*slides.no_auto=1; //use to make show completely user operated (no play button, starts in stopped mode)
slides.no_descriptions=1; //use for no descriptions displayed
// slides.no_controls=0; //will set a slide show with no controls
slides.pause=1; //use for pause onmouseover
slides.use_title=1; //use for descriptions as images title attributes*/
slides.move_desc_up=1;
slides.desc_pic_width=1;
slides.once = 0; //Stop after one revolution? Use 1 for stop at last slide, 2 for stop at first slide. Omit or use 0 for continuous slide show.
var slides2=[]; //SECOND SLIDESHOW (RIGHT)
//configure the below images and descriptions to your own.
slides2[0] = ["images/slideimages/agonie.gif", "Agonie dans le jardin..."];
slides2[1] = ["images/slideimages/canard.gif", "Le canard"];
slides2[2] = ["images/slideimages/crucifix.jpg", "The Crucifix"];
slides2[3] = ["images/slideimages/doglovers.jpg", "The Dog lovers"];
slides2[4] = ["images/slideimages/jeune-fille.gif", "Jeune fille à la colombe"];
slides2[5] = ["images/slideimages/jmj.jpg", "Joseph, Marie & Jésus"];
slides2[6] = ["images/slideimages/kissing.jpg", "Kissing Fools"];
slides2[7] = ["images/slideimages/monalisa.gif", "Mona Lisa"];
slides2[8] = ["images/slideimages/photo3.jpg", "Photo # 3"];
slides2[9] = ["images/slideimages/ruines.gif", "Ruines"];
slides2[10] = ["images/slideimages/seatedwoman.jpg", "Seated Woman"];
// slides2[11] = ["images/slideimages/standingwoman.jpg", "Standing woman"];
slides2.no_controls = 1;
//optional properties for these images:
slides2.no_added_linebreaks=1; //use for no added line breaks in formatting of texts and controls
/*slides2.no_auto=1; //use to make show completely user operated (no play button, starts in stopped mode)
slides2.no_descriptions=1; //use for no descriptions displayed
// slides2.no_controls=0; //will set a slide show with no controls
slides2.pause=1; //use for pause onmouseover
slides2.use_title=1; //use for descriptions as images title attributes*/
slides2.move_desc_up=1;
slides2.desc_pic_width=1;
slides2.once = 0; //Stop after one revolution? Use 1 for stop at last slide, 2 for stop at first slide. Omit or use 0 for continuous slide show.
slides2.width=160; //use to set width of widest image if dimensions vary
slides2.height=225; //use to set height of tallest image if dimensions vary
</script>
<script src="js/swiss_2.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>
<div>
<div id="show0">
<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, 140, 225)
</script>
<div id="clear"></div>
</div>
</div>
</body>
</html>
Regards,
E. P.
New Comer (less than 5 posts)
Try to take off next/prev buttons
Posting Permissions
Reply With Quote
Bookmarks