PDA

View Full Version : Stretchy, Big All-Thumbs View?


Nimai
May-09-2009, 05:42 PM
I made my all-thumbs view "stretchy" with the following CSS:
#allthumbs,#allthumbs #photos { width: 100% }

Next, I was going to put in some javascript to change the images from using the "Ti" (tiny) size to use the "Th" (thumb) size, which is a bit larger. Before I bothered, though, I thought I'd ask if anyone has done it already?

Thanks~

Nimai
May-10-2009, 05:09 PM
Wrong forum, maybe? Should this have gone in Hacks?

jfriend
May-10-2009, 09:36 PM
I made my all-thumbs view "stretchy" with the following CSS:
#allthumbs,#allthumbs #photos { width: 100% }
Next, I was going to put in some javascript to change the images from using the "Ti" (tiny) size to use the "Th" (thumb) size, which is a bit larger. Before I bothered, though, I thought I'd ask if anyone has done it already?

Thanks~ I've tried it before (written the JS to do it and found it impractical.

The page loads (with the smaller thumbs), then the javascript changes them all to larger thumbs. It's also incredibly inefficient as the browser ends up loading twice as many thumbs. I didn't like the way it looked. One could hide the initial set of thumbs so nothing displays until the proper size thumbs are loaded, but that creates a long delay of nothing showing. All-in-all, I decided it was not a good thing to show my viewers.

Nimai
May-11-2009, 05:41 AM
I've tried it before (written the JS to do it and found it impractical.

The page loads (with the smaller thumbs), then the javascript changes them all to larger thumbs. It's also incredibly inefficient as the browser ends up loading twice as many thumbs. I didn't like the way it looked. One could hide the initial set of thumbs so nothing displays until the proper size thumbs are loaded, but that creates a long delay of nothing showing. All-in-all, I decided it was not a good thing to show my viewers.

Thanks! That was one of my biggest concerns was the delay. We'll just have to wait for a "Large All-Thumbs" from SmugMug.