I hope that I am not getting annoying with this gallery. I really need to get it working. I hope and pray that someone on here will be able to give me something that will make it work.

Alright, this time, I have it inside the site that I am making it for. That way, we can make sure that the CSS is compatible. Now, I need to make the ul.gallery expand with its content, making the #content expand with it, despite the absolute positioning of ul.gallery. I am using a div.prop and a div.clear to act like a sort of min-height system, just to let you know.

Is there a better way to do this? What can I do to make the gallery always fit? Thanks.

Are all the thumbnails going to be the exact same size? — Abinadi Ayerdis over 8 years ago

Also, are you going to generate real thumbnails, or will you just resize them with html like in the example? — Abinadi Ayerdis over 8 years ago

All the thumbnails will be the same size, and they will be generated via php. — Jay Lauser over 8 years ago

Ah! That makes sense. Thank you. I am using your system, with a few alterations. :) — Jay Lauser over 8 years ago

Problem: I need the right div to be fixed width, and the left div to fill the remaining space on the left. It is all also supposed to be contained in another div. This is not working very well. Any ideas? — Jay Lauser over 8 years ago

I noticed that you have the gallery inside of an ordered list. Try using a div as your base container, and then use your div.prop and div.clear to take care of the height so that the gallery pictures open up the containing box.

Use this setup in the content div instead of the gallery div you have now (you will note that I didn't use a ul. Instead, I put each gallery inside div tag and gave each an id. Then I added the javascript to the links. This forces a mouse click instead of onmouseover.):

Finally, the CSS for formatting (you will note that the div's have borders so that you can clearly see where the boundaries are; however, these should be removed or changed for the final product, obviously. Also, I didn't mess with any hovering over the img's, but that is easy enough to add. Oh, and this will resize automatically as you add more and more images.):

One final thought: I don't think it is a good idea to just resize the images with CSS or HTML because your users will be downloading all of the full sized images and then doing the resizing. It would be much quicker for them to download smaller files. Not to mention that browser resizing doesn't make very good looking images.

Alright, some good ideas there. However, I am generating this whole thing with php based off of a provided filesystem. That means I have no idea how many galleries there will be. That is all generated. How can the javascript work that way? — Jay Lauser over 8 years ago