PDA

View Full Version : Swiss Army Image Slideshow



emanuelle
04-27-2008, 07:11 PM
I have 3 problems witht he script:

1. I do not want the part : Viewing Image: "1 of 3". As soon as I delete it then I get an error

2. I want the arrows to be below the image.
How do I move them

3. I have another DD script on this page:http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
when both are on the same page then it doesnt work

jscheuer1
04-27-2008, 07:37 PM
Warning: Please include a link to the DD script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

With Swiss Army, you don't delete things, you configure it. So, for #1 on your list, simply omit the:

counter=1

property (from the demo code, get rid of/don't use the red part):


var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own.
slides2[0] = ["photo6.jpg", "Crucifix"];
slides2[1] = ["photo7.jpg", "Alter Boys"];
slides2[2] = ["photo8.jpg", "Young Pan"];
slides2[3] = ["photo9_thumb.jpg", "Mona Lisa"];
//optional properties for these images:
slides2.desc_prefix='<b>Description:<\/b> '; //string prefix for image descriptions display
slides2.controls_top=1; //use for top controls
slides2.counter=1; //use to show image count
slides2.width=140; //use to set width of widest image if dimensions vary
slides2.height=225; //use to set height of tallest image if dimensions vary
slides2.no_auto=1; //use to make show completely user operated (no play button, starts in stopped mode)
slides2.use_alt=1; //use for descriptions as images alt attributes
slides2.use_title=1; //use for descriptions as images title attributes
slides2.nofade=1; //use for no fade-in, fade-out effect for this show
slides2.border=2; //set border width for images
slides2.border_color='lightblue'; //set border color for images

For #2 on your list, that is also the default, so omit/don't use the:

controls_top=1

property (from the demo code, get rid of/don't use the red part):


var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own.
slides2[0] = ["photo6.jpg", "Crucifix"];
slides2[1] = ["photo7.jpg", "Alter Boys"];
slides2[2] = ["photo8.jpg", "Young Pan"];
slides2[3] = ["photo9_thumb.jpg", "Mona Lisa"];
//optional properties for these images:
slides2.desc_prefix='<b>Description:<\/b> '; //string prefix for image descriptions display
slides2.controls_top=1; //use for top controls
slides2.counter=1; //use to show image count
slides2.width=140; //use to set width of widest image if dimensions vary
slides2.height=225; //use to set height of tallest image if dimensions vary
slides2.no_auto=1; //use to make show completely user operated (no play button, starts in stopped mode)
slides2.use_alt=1; //use for descriptions as images alt attributes
slides2.use_title=1; //use for descriptions as images title attributes
slides2.nofade=1; //use for no fade-in, fade-out effect for this show
slides2.border=2; //set border width for images
slides2.border_color='lightblue'; //set border color for images

For #3 on your list, Swiss Army can be made to look exactly like Ultimate Fade and be used several times on a page, and each use can be customized differently if desired, so there is no reason to use both on the same page:


var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own.
slides2[0] = ["photo6.jpg", ""];
slides2[1] = ["photo7.jpg", ""];
slides2[2] = ["photo8.jpg", ""];
slides2[3] = ["photo9_thumb.jpg", ""];
//optional properties for these images:
slides2.no_descriptions=1;
slides2.no_controls=1;
slides2.no_added_linebreaks=1;

If you need more help:

Please post a link to the page on your site that contains the problematic code so we can check it out.

emanuelle
04-27-2008, 08:02 PM
thank you for fantastic help

last request: I would like the description to be in bewtween the 2 arrows

emanuelle
04-27-2008, 08:10 PM
one more: forthe first fade slideshow I do not want the stop and arrow buttons. How can I delete them?

jscheuer1
04-28-2008, 04:04 AM
thank you for fantastic help

last request: I would like the description to be in bewtween the 2 arrows

That's actually a little tricky. A good understanding of css style would help. Or you could attempt to edit the script. I prefer the style approach. The buttons have id's:

prev# - for the << button
next# - for the >> button
gostp# - for the Play/Stop button (if used)

where # corresponds to the instance number of the slide show on the page, the first slide show is 0, the second is 1, the third is 2, and so on. So for the first slideshow on a page, these could be used as style selectors (example for id prev0, the << button):


#prev0 {
position:relative;
left:-10px;
top:-10px;
}

So basically, using positioning, and/or margins, and/or padding, you can move them around wherever you want them to be. For more information on style, see your favorite css reference or:

http://www.eskimo.com/~bloo/indexdot/css/propindex/all.htm


one more: forthe first fade slideshow I do not want the stop and arrow buttons. How can I delete them?

Use this (red) as one of its properties:


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"];
//optional properties for these images:
slides.no_controls=1;