View Full Version : Can Swiss Army Slideshow top-align images?

09-27-2010, 06:13 PM
1) Script Title: Swiss Army Slideshow

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

3) Describe problem: I love this SA slideshow (thank you, John). However, a client has forced me to do a page design with a really tall header that pushes the rest of the page down such that you can see only the top of the slideshow when the page loads. Because I have defined a square space for the ss to accommodate vertical and horizontal images, when viewing only the top half of the ss, it appears that the images are jumping up and down because the horizontal images are centered vertically within the space. I realize if all the images were exactly the same size this would not happen; but, seeing as they are not, I was wondering if there is a way to have all the images align with the top of the space instead of being centered vertically.


09-28-2010, 12:15 AM
Assuming this is the only Swiss Army show on your page, add to your stylesheet:

#canvas0_0 td, #canvas0_1 td {
vertical-align: top;

If you want more help:

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

Not Required:

For greater future flexibility, use the drop in replacement introduced here:


Once you have its:


script, use it instead of the original swissarmy.js script. Everything else may remain the same. But now you can do more in customizing the show(s).

09-28-2010, 02:39 AM
That did it! Thanks so much. It really improves the look. I'll also update the script. You are like a magic man fixing everyone's problems. :)