PDA

View Full Version : Try to take off next/prev buttons



Edpierre
09-14-2011, 03:58 AM
1) Script Title: Swiss army image slideshow
2) Script URL (on DD): http://dynamicdrive.com/dynamicindex14/swissarmy/index.htm

3) Describe problem: Working fine. Now I want to take off next/prev-stop/play so all can works continiously without the intervention of the users. It looks like I don't see a solution thru the forum. Am I wrong ? Can you help?
Thank in advance.

E. P.

jscheuer1
09-14-2011, 04:09 AM
Set no_controls=1, example:


var slides=[]; //FIRST SLIDESHOW
//configure the below images and descriptions to your own.
slides[0] = ["photo1.jpg", "Kissing Fools"];
slides[1] = ["photo2.jpg", "Seated Woman"];
slides[2] = ["photo3.jpg", "The Dog Lovers"];
slides[3] = ["photo4.jpg", "Standing Woman"];
slides[4] = ["photo5.jpg", "John, Mary and Jesus"];
slides.no_controls = 1;

Edpierre
09-14-2011, 05:11 PM
Great!
I (YOU) get it.
Many tanks.
Sorry to bugging you again.
I want to put 2 SWSS in the header, one at the left and the other at the right. The left one is working fine, but when I duplicate it on the right, both disappear. I don't figure out how (what) to do.
Is it possible.

Have a nice day.

E. P.

jscheuer1
09-14-2011, 09:18 PM
Yes it's possible. In fact the demo page has three slideshows. All you have to do is follow the instructions. From what you're saying though it sounds as though you may have followed the instructions, but have a syntax error in the code for the second slideshow. To diagnose that I would need to see the code. It would be even easier to fix if you would put up a live demo of the problem somewhere and post a link to it.

Edpierre
09-15-2011, 03:53 AM
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.



<!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.

jscheuer1
09-15-2011, 05:38 AM
The code (after adding a second new inter_slide() call, highlighted in the below):


<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)
new inter_slide(slides2, 140, 225)
</script>
<div id="clear"></div>
</div>
</div>
</body>

works here. Perhaps the:


<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>

file is missing, has a different path, or is corrupt. Or if one or more of the images is missing, etc., that could do it in IE.

To really be certain of the problem I would have to see the live page. If you want more help, please put up a live demo of the problem somewhere.

Edpierre
09-17-2011, 01:41 PM
The solution is easier than I think. I just duplicate the first slideshow with different names and put them in the corresponding cells in my table.
Bingo!
Tanks again for your help and inspiration

E.P.