I have a hand-coded page with some very simple and hopefully readable
JavaScript and CSS in it to create a micro-gallery.
The way that it works is to take a set of large images and use CSS to
squeeze them down to size as thumbnails, then use clicks on the
thumbnails to show one of the images larger above the row.
The thing that’s really quite amazing about this is what happens if
you print the page. Instead of seeing a bunch of tiny thumbnails and a
single larger image, you see all four of the images full size, with
all the other junk stripped off.
I’d love to see someone run with this structure in an Action. Draw an
HTML box the size you want the gallery to appear, insert your photos
inline (and overflowing) and have the Action do the necessary math
based on the number of photos to create the little micro gallery. This
seems like a useful widget for situations where the Showcase would be
overkill and Target Show/Hide Layer is too many clicks for too
restrictive a final result.
Any takers? It’s MIT licensed, so you can have at it and good luck!
J
On Dec 27, 2010, at 2:18 PM, Walter Lee Davis wrote:
I have a hand-coded page with some very simple and hopefully readable JavaScript and CSS in it to create a micro-gallery.
The way that it works is to take a set of large images and use CSS to squeeze them down to size as thumbnails, then use clicks on the thumbnails to show one of the images larger above the row.
The thing that’s really quite amazing about this is what happens if you print the page. Instead of seeing a bunch of tiny thumbnails and a single larger image, you see all four of the images full size, with all the other junk stripped off.
I’d love to see someone run with this structure in an Action. Draw an HTML box the size you want the gallery to appear, insert your photos inline (and overflowing) and have the Action do the necessary math based on the number of photos to create the little micro gallery. This seems like a useful widget for situations where the Showcase would be overkill and Target Show/Hide Layer is too many clicks for too restrictive a final result.
Any takers? It’s MIT licensed, so you can have at it and good luck!
Hi walter
I might be able to use this in webyep… even though there is a gallery action and there are other ways too I cant remember seeing a thumbnail reveal gallery like this without lots of layers…so I shall have a look.
yep it worked
although there is a icon issue… because the styles indicate that the main and preview img have a specified size, the icons that trigger the webyep actions stretch to accommodate the css sizes but in terms of functionality it does work as expected