We have seen lots of Javascript Lightbox plugins. It is good to see someone who has created a valid markup Lightbox purely with XHTML and CSS for us.
ThinkVitamin has published a detailed tutorial of How to Create a Valid Non-Javascript Lightbox. Please note that this article assumes you have a basic understanding of (X)HTML and CSS.
Requirements: FF, Safari, Chrome, IE6, IE7 and IE8
Demo: http://www.growldesign.co.uk/projects/lb/
License: License Free
Related Web Resources
Our Sponsors
Bookmark and Share this Article
- Brushes (11)
- Buttons (21)
- Color Schemes (21)
- Fonts (39)
- Forms (95)
- Icons (84)
- Patterns (24)
- PS Tutorials (9)
- Stock Photos (19)
- Tables (23)
- Announcement (70)
- Best Collections (4)
- Code (44)
- eCommerce (19)
- Framework (156)
- Hosting (12)
- Information (161)
- Inspiration (27)
- Legal Documents (8)
- Reviews (8)
- Security (13)
- Social (19)
- Sound (12)
- Stats (32)
- Tools (191)
- Webmail (13)
- BSD License (51)
- CC License (111)
- GPL License (189)
- LGPL License (37)
- License Free (584)
- MIT License (275)
Search Site
Open Source Resources for You
What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.
© Copyright 2010 WebAppers
Sponsored by NetDNA Content Delivery Network
Recommended Books for Web Developers
Spelling Mistake I think.
How to Creare a Non-Javascript Lightbox with CSS
should be
Create not Creare?
If I’m wrong or you fix it you can just delete my comment!
@Rich: in italian “Creare” means “to Create”
yep, wrong spelling.
and if you change the permalinks too, you should also redirect that as google might have index this page already.
nice concept on the css though I’ll stick with the javascript because of its interactions like next/back etc.
RICH it should always be CREARE! thanks a joke as I work for http://www.creare.co.uk check it out ha ha…..anyway
Great article didn’t realise you could do a lightbox with purely CSS and XHTML I’ll give it a go see if its any quicker than an average lightbox plugin. Thanks for sharing
[...] tous les développeurs web, voici un tuto très intéressant pour créer des lightbox valides qui fonctionnent sous FireFox, Safari, Chrome, IE6, IE7 et [...]
When you scroll it messes the light box up.
[...] Hayatınızı kolaylaştıracak format dönüştürücüler Link jQuery’e başlayanlar için güzel tutoriallar Link <select> içindeki bir sayfanın çıktısını almak (print) Link Gallery CMS -ücretsiz galeri yönetim sistemi Link Web slide ile sunumlarınızı internet üzerinden yapabilirsiniz Link Myfont ile fontlarınıza web tabanlı önizleme yapın Link Scriptsiz lightbox Link [...]
RSS feed for comments on this post · TrackBack URI