|
| |
|
|
dpf
Posts: 7126
Joined: 11/12/2003
From: India-napolis
Status: offline
 |
RE: Lightbox - 1/15/2006 10:57:00
thats pretty cool. only thing mising is how to go back. i know, i know,you just click your mouse anywhere but.... there are lumoxes on the net who would get confused..lol all in all pretty cool
_____________________________
Dan
|
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Lightbox - 1/16/2006 3:45:33
If you add the text "Close Me" to the left of the X, I think that should fix the possible confusion.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
Tailslide
Posts: 6292
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Lightbox - 1/16/2006 5:48:59
Accessibility-wise, far as I can see:
1. it works without JS - the thumbnail is "surrounded" by a link to the larger image so functionality is retained even if the "pretty" isn't - plus it doesn't open a new window.
2. With JS on you can tab to the image and open it with pressing return.
3. Once the picture is open you can currently only close it and return to the original page using a mouse.
I'm not a JS expert by any means but I've found on some simple stuff I've done in the past that you can add "onfocus" alongside "onclick" to aid accessibility - the close button must work with "onclick" so hopefully it should be possible to add "onfocus" too?
The guy seems to be developing the script continually so with luck he'll add a bit more functionality.
Edit: had a fiddle with this and in fact you can use enter to close the big image as it stands - only problems I've found is that firstly, you've got to tab through all the links on the page to get back to the link on the big image to close it and secondly once back on the original page I can't tab back to the small image.
< Message edited by Tailslide -- 1/16/2006 6:56:38 >
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6292
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Lightbox - 1/17/2006 5:21:18
Thanks to a genius by the name of Chris from another forum for working out how to make this nice script accessible - he's managed to fix the tabbing problem so that if you are using the keyboard to access this script it now works perfectly - you tab to the little image, click enter to get the big image and now focus is retained on the big image so you just press enter again to return to the main page.
I've got his version of the script working on a bare-bones example here: http://www.littleblueplane.com/test/lightbox/lightbox.html
The only possible problems now would be older browsers, I'll do a bit of checking to see how they react to it.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
mar0364
Posts: 3221
Joined: 4/5/2002
From: Florida, US
Status: offline
|
RE: Lightbox - 1/17/2006 11:13:46
Thanks!! Really nice I'll be using it soon.
_____________________________
Easy Web
“Stay committed to your decisions, but stay flexible in your approach.”
| |
|
|
|
Tailslide
Posts: 6292
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Lightbox - 1/17/2006 11:20:44
Amazingly it seems to work on IE 5 and 5.5 although 5.2 mac doesn't deal very well with it (oooh big suprise there).
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Rocket Boy
Posts: 409
Joined: 12/8/2005
Status: offline
|
RE: Lightbox - 1/24/2006 8:09:31
I have put lightbox on my cat photos site, it works really well but I have found that it slowed things down a little, worth it though. www.catsnaps.co.uk/gallery/g200501.html
Also.. I need similar things for other websites, I don't want to have the same CSS and JavaScript effects on every site. Does anybody know of any more good ones?
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
k¥ 
