Results 1 to 3 of 3

Thread: Swiss Army Slideshow margins and text link

  1. #1
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    264
    Thanks
    71
    Thanked 2 Times in 2 Posts

    Default Swiss Army Slideshow margins and text link

    1) Script Title: Swiss Army Image Slideshow

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...army/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.

    Thanks,
    Deborah
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

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

    Code:
    //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
    slides.no_controls=1
    slides.delay=6000
    slides.no_added_linebreaks=1
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    264
    Thanks
    71
    Thanked 2 Times in 2 Posts

    Default Perfect

    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
    Deborah
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •