reach4thelasers

Topic: Position Main Image Relative to Thumbnails

I'm attempting to integrate Galleria with an ASP.NET application. With one or more rows of thumbnails above the main image.  My Images are added to the UL at runtime, so there is no way of knowing in advance how many rows of thumbnails there will be.  I've tried every combination of CSS I can think of but I can't figure out how to position the main image relative to the thumbnails - I'd like to put the thumbnails in  a separate DIV so that I can position using that, but I can't seem to manage it.  At the moment my main image is aligned according to the top of the page, which means the thumbnails overflow onto the top of the image when I get more than 2 rows.

Any ideas?

David

Re: Position Main Image Relative to Thumbnails

Hi reach4thelasers,

It sounds like you need to drop the position:absolute; on the containers. Try doing so or possibly change it to position:relative;

If that doesnt work, give us a link URL.

david

David's Website

colboy

Re: Position Main Image Relative to Thumbnails

I'm also looking to do something similar. My images originate from Flickr and I have some albums with over 200 images. I have the image thumbnails in three columns on the left and would like the image to appear centred in the white space to the right of the thumbnail. Here's what I have so far, which isn't too dissimilar to the demo 2 page
http://www.meeks.ca/newalbum

Colin

MJR

Re: Position Main Image Relative to Thumbnails

I'm attempting this as well, and for the same reason.

I modified the layout to display the thumbs on the left side, but there are many images and I want to have the main image float with the page as it is scrolled to view more thumbs. I'll post some URLs as soon as I get it to work, but I suspect the method David recommends is the best solution.