View Full Version : Swiss Army Slideshow margins and text link

06-07-2007, 07:38 PM
1) Script Title: Swiss Army Image Slideshow

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

3) Describe problem: I am testing this slideshow on the following page http://www.findahomepa.com/index2.html and have two issues that, if solvable, will make this ideal for my client.

First, how can adjust the margins or cellpadding/cellspacing so there is a smaller gap between the photos and the text? We do want to keep the address, city/state and price on 3 separate lines.

Second, is it possible to have a textual hyperlink in the description? We would like to have "Click to View Details" with View Details being linked the the target.


06-08-2007, 03:18 AM
Looks like you have a pretty firm grasp on how flexible this slide show can be. I see that you are taking some advantage of the fact that the descriptions may include HTML. I think that the best avenue for linking descriptive text would be to expand upon that, example:

slides[0] = ["/featured/f-251highland.jpg", "<b>251 Highland Avenue<\/b><br\/>Wayne, PA<br\/>$334,000<br\/><br\/>** Click photo to <a href='/listings/251highland.html' onclick='window.open(this.href, \"_new\", \"top=200, left=200, width=650, height=600, resizable, scrollbars\");return false;'>View Details<\/a> **", "/listings/251highland.html", "_new", "top=200, left=200, width=650, height=600, resizable, scrollbars"];

For a smaller gap between photos and text try using the no_added_linebreaks property:

//optional properties for these images:
slides.pause=1; //use for pause onmouseover
slides.specs='width=650, height=600' //global specifications for this show's new window(s)
slides.width=267; //use to set width of widest image if dimensions vary
slides.height=200; //use to set height of tallest image if dimensions vary
slides.border=0; //set border width for images

06-08-2007, 03:33 AM
Thanks so much - great script!

I misunderstood the nolinebreaks and thought that would alter the textual description. I've resized the photos and don't need to worry about the margins now, but will try to remember when I use this in the future.

Thanks again - this is exactly what I was looking for.

Here's the finished product: http://www.findahomepa.com/index.html