Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: CSS Image Gallery

  1. #1
    Join Date
    Aug 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS Image Gallery

    Help needed,
    How can I have the thumbnails images in an IFRAME, and on mouseover, the big image appears on the main page. I have tried with the current code but the big image also appears on the IFRAME page.
    any ideas?
    mkenya

  2. #2
    Join Date
    Aug 2007
    Location
    Brazil
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I guess you have to use targets for that. Try adding target="_parent" to the links.

  3. #3
    Join Date
    Aug 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I tried using target on links, but nothing happens. Any other suggestions are welcome.

  4. #4
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You has used frame and the image will of course it will use the frame to display the image.

    Again, can you give me link or ur code??? can't do anything just with text and text

  5. #5
    Join Date
    Aug 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    here is the thumbnail page
    here is the iframe page

  6. #6
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    So i think you can't use iframe in this case, becoz the iframe is an small explorer in your web. It's not the same page.

    But why u must use iframe in this case ?? why don't use that code direct on your gallery page?

  7. #7
    Join Date
    Aug 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    want to have more thumbnails, so i can scroll up and down the iframe.
    Using direct code limits the number of thumbnails, since at some point when u scroll down, then the big image appears partly hidden

  8. #8
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You can't hold the image displayed with only hover effect. Try this:

    http://www.cssplay.co.uk/menu/gallery_click

    If you just want the thumb scroll, not whole page use:

    Code:
    overflow: scroll;
    Sry but I really don't know if there's another solution for u

  9. #9
    Join Date
    Aug 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for that link and help, will have to re-do my page. This is currently what i have online, gallery http://www.admhome.com/gallery.html. Notice when you mouse over the last thumbnails at the bottom, you almost see part of the large image hidden, hence my looking at the iframe option.
    overflow: scroll;
    , not sure where that code should appear

  10. #10
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by mkenya View Post
    Thanks for that link and help, will have to re-do my page. This is currently what i have online, gallery http://www.admhome.com/gallery.html. Notice when you mouse over the last thumbnails at the bottom, you almost see part of the large image hidden, hence my looking at the iframe option.
    , not sure where that code should appear
    It should be included in your thumb div (left column div) so, format its width & heigt exactly and see.

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
  •