Results 1 to 3 of 3

Thread: Ultimate Fade-In Slideshow picture alignment question

  1. #1
    Join Date
    Oct 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-In Slideshow picture alignment question

    Script Title: Ultimate Fade-In Slideshow v1.51

    Script URL: http://www.dynamicdrive.com/dynamici...nslideshow.htm

    I find that images smaller than the slideshow width and height automatically align vertically to the top and horizontally to the center of the slideshow area. I would like to be able to configure whether "small" images vertically align to the top or bottom, and horizontally to the left, right o center.

    Specifically, I'm trying to use the Ultimate Fadei-In script to replace the script I've used here:
    http://dallett.com/richard/contact.html
    because I want the fade functionality.

    My best take so far has produced this:
    http://dallett.com/richard/testcontact.html
    which of course is missing the alignment of the images in the original.

    I pored over the JS and tinkered with making some style modifications to the code where the DIVs are written, but I couldn't figure it out.

    Help?

    Thanks for any help you can offer!

    nic

  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

    I think your best bet would be:

    http://www.dynamicdrive.com/dynamici...army/index.htm

    I know you don't want the buttons and descriptions, but the script can be configured not to have those. The reason this would be a good script is that the images show inside table cells. Those cells may be configured (via css style) to vertical-align: top, middle, or bottom and align: left, center, or right. Each slide show can have a different orientation using its:

    #masterX td {
    rules go here
    }

    selector in an ordinary stylesheet for the page, where X is the number of the show (shows are automatically numbered 0 to however many you have on the page).
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    nicwarmenhoven (10-05-2008)

  4. #3
    Join Date
    Oct 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    PERFECT! Thanks a zillion.

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
  •