SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2002
    Location
    Toronto, Canada
    Posts
    92
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    RollOver Gallery

    Hi there,

    I'm working on a site right now for a make-up artist, and I'm setting up an image gallery with thumbnail images on the bottom of the page. When the mouse is rolled over each image, the larger image appears in a central area on the page.

    I notice a few errors where the page starts jumping... What I mean is that the bottom part of the page will automatically resize itself when an image appears (The image area is LARGER than the image itself, leaving enough space)...

    Does anyone have any recommendations on correcting this, as well as recommendations in general on setting up these type of galleries?

    Any help is appreciated!


    ...Frank
    ...Shakes


    "Whether you think you can, or you think you can't, you're right!"

  2. #2
    Feel my RewiredMind KMxRetro's Avatar
    Join Date
    Jan 2001
    Location
    Exeter, Devon, UK
    Posts
    477
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are using tables for this, the best thing you could do is split the cell that shows the image into two. On the left, make the column ONE pixel wide and insert a transparent gif that is the same height as your LARGEST picture.

    On the right (where your large pictures will appear), make sure VALIGN="center" and ALIGN="CENTER" are set on the <TD> tag and you should be OK.

    The transparent gif will stop the table from jumping and the "CENTER" tags will stop the images from appearing all over the shop.

    If this is what you mean, give it a go! If not, ignore me, I'm a fool

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2000
    Location
    Australia
    Posts
    67
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Another way of solving this problem, without resorting to tables is by using layer. This way you could preload all of the images.

    This will take a while longer, though will end up saving time without having the half complete images being displayed.

    Hope this helps
    WebmasterMattD
    WebmasterMattD.NET


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
  •