Still to fix: minor CSS related appearance-flaws in a few browsers.
What's presented on this page is not a stable version. I use this very page for live
experimentation and testing.
For stable versions, see the variants linked to at the bottom of this page.
Adding text to an image is as easy as taking a walk in the park. 1(6)
nextThe space provided for text is a bit limited. 2(6)
previous nextMore space for text should be provided. 3(6)
previous nextIt looks like I'm running out of space for text here. Must do something about that, I think. 4(6)
previous nextText-space definitely is a limitation. Add in a bit of font-resizing, and space-shortage quickly becomes a problem. 5(6)
previous nextLast picture in this collection. 6(6)
previousfrom an idea picked up at Wait til I come. Enhanced with a script borrowed from same author, modified to go with this particular construction.
Each image-holder has an ID, and the in-page part of the address is used by the script as first choice
– if available. Thus, we can target any particular image in the collection directly from another page.
In this demo page the IDs are “i1” through to “i6”.
Pretty much the same appearance and behavior, with and without script support.
No doctype conflicts.
Without script support each “previous” and “next” step through the collection becomes “recorded history” in the browsers. This will soon become a long list of in-page visits, which may make the back-button rather useless.
last modified: 24.sep.2007
by: G. Sørtun
pure CSS variants:
#1: version with scrollbar inside frame
#2: version without scrollbar
#3: version with scrollbar outside frame