CSS Image Gallery

[mkenya]

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

[naiani]

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

[mkenya]

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

[Spiritvn]

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

[mkenya]

here is the thumbnail page (http://www.admhome.com/thumbnail.html)
here is the iframe page (http://www.admhome.com/gallerytest.html)

[Spiritvn]

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?

[mkenya]

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

[Spiritvn]

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:



overflow: scroll;


Sry but I really don't know if there's another solution for u

[mkenya]

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

[Spiritvn]

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.

[Bennie]

It seems much less frustrating to have all the images laid out for the visitor to choose from.

If you have too many thumbs then why not continue onto another page. Personally, I would much prefer that to the annoying little scrollbar thing which I cannot resize.