Swiss Army Image Slideshow

[mitchsb]

1) Script Title: Swiss Army Image Slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

Sorry in advance if this has been asked and answered before.

I have used this a couple of times for slideshows and I really like it. However, one of my clients wants the navigation arrows on the sides of the photos, NOT on the top or bottom. Is there any way to do this?

Also, is there a way to turn off the border on those images I use when scrolling over it?

[jscheuer1]

You can use the extra style hooks provided by swiss_2.js as introduced here:

http://www.dynamicdrive.com/forums/blog.php?b=18

To get the exact positioning you want, you may need to put a div on the page and move the controls into it. Here's an example of that:

http://home.comcast.net/~jscheuer1/side/files/swiss_updateb.htm

Use your browser's 'view source' to get the code. That was made as part of this thread:

http://www.dynamicdrive.com/forums/showthread.php?t=63398

Reading it might be of help to you.

About styling the buttons - the border is actually a hover background color and is set using the button_highlight property of the slideshow. For no highlight, use the background color behind the image buttons or set it to transparent, examples (for over an area with a white background):


slides#.button_highlight='#ffffff'; // onmouseover background-color for image buttons (string) (requires image_controls=1) - use color name or hex value with # prefix

Or for blending in with any background:


slides#.button_highlight='transparent';