02 - 01 - 2004


Single Page Image Gallery

I used the negative top CSS value trick and mixed up some positioning styles to achieve a single page, scrollable and pageable photo gallery for my Dad's guided fishing business.  I'm not exceptionally happy with my image size reduction techniques (vertical banding), but each 800x600 image is about 50k.  Take a tour of the Flint River, one of west georgia's hidden treats. 

A key motivator for the design was to take advantage of reading time during the view of each image to download the remaining images.  With Mozilla users, I could use the LINK prefetch tags. The design's been tested in Moz, Safari, and IEwin.

The site is being reconstructed after several years at a dinky ~ account, via the 1and1 free hosting deal.   For a bit more adventurous hypertext in the fly fishing vein, check out sexyloops.com.
 
|||
Posted at 12:5

Navigate:

<< Faceted Image Browsing
InfoDesign Redesigned>>


Surf*Mind*Web

Deepen
Browse



search collections


Best of the Blog

08/00 Customization Drawbacks
12/00 Fish-eye Craigslist (IE)
07/01 Smart webserver log analysis
03/03 Junkie: Adaptive Freshness
04/03 Cascading Fish-eye Menus
05/03 Browser Maps (dhtml)
01/03 GOMS in Bugzilla.mozilla?
10/03 CSS Link Markers
01/04 Blog Mountain
03/04 Personal Web Information Manager
04/04 Mousing Behavior in Windows
06/04 DHTML Multi-Select Widget

More Andyed Weblogs:

Cold Fusion Blog: experiences as an instructor & developer.

Clemson Human Factors: master's program notes.

Andyed's Mozilla Projects
aka "chromeantics"

Mozwho: personal adaptive homepage and bookmark/history API for Mozilla.

Optimoz Gestures Back and Forward with a wrist flick or mouse rocker

GoogleBar for Moz