How to Create a Valid Non-Javascript Lightbox

September 4th, 2009 admin

Pure css/html lightbox that works in It works in FF, Safari, Chrome, IE6, IE7 and IE8.


Originally posted on CSS Globe

 
  Related Posts
Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5
Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5
In this tutorial, you’ll learn how to transform an HTML list into a wall of “sticky notes” that look and work like the following… The effect is built up gradually and works on the latest Webkit browsers (Safari, Chrome), Firefox and Opera. Other browsers simply get some yellow squares. Step 1: The HTML and Basic Squares... 
30 Efficient jQuery Lightbox Plugins
For images we have the lightbox plugin in its many variations. It displays images using modal dialogs and it became very popular because it is very easy to implement.  Read More →
Cross-Browser CSS Gradient
Cross-Browser CSS Gradient. Pure CSS gradients that work in these major browsers: IE, Firefox 3.6+, Safari, and Chrome.  Read More →
Chrome Gains More Converts, Edges Out Safari
Chrome Gains More Converts, Edges Out Safari
Google’s Chrome web browser has, for the first time ever, surpassed Apple’s Safari browser in the United States according to some new browser share data released Monday by StatsCounter. Chrome now accounts for 8.97 percent of U.S. web traffic, putting it ahead of Safari which is used by 8.88 of U.S. web surfers. In the worldwide arena,... 
The Dark Side of HTML 5 Video
The Dark Side of HTML 5 Video
Last week,  YouTube announced beta HTML 5 video support : once you’ve activated the beta, you’ll see videos using a native browser element rather than the Flash plugin. The new player only works with a recent version of either Safari or Chrome (or Chrome Frame in IE), as the video is encoded with the H.264 codec, which isn’t... 
nyroModal – A Nice Lightbox jQuery Plugin
A few weeks ago, I found myself in a position where I needed a nice, simple, easy-to-use lightbox plugin for jQuery. After some searching, I found that there are quite a few different plugins for this purpose, and they all have their pros and cons. After trying a few different plugins, I finally settled on nyroModal. During my search, I found Thickbox,... 
Locating Bugs in Your Javascript Code
Locating Bugs in Your Javascript Code
If you’re anything like me, you have traditionally used javascript alert boxes to try to identify and diagnose bugs in your javascript code. There are two major issues with this process, though. It’s extremely inconvenient for your users if you’re trying to debug a live application. It can be a real problem if you end up in some... 
Gmail Adds More Drag and Drop Features, But Only in Chrome
Gmail Adds More Drag and Drop Features, But Only in Chrome
Gmail users can now drag e-mail attachments out of the browser window and drop them onto the desktop — if they’re using Google Chrome. Back in April, Gmail added the ability to drag attachments from the desktop onto open e-mails in the browser. This feature works on most modern browsers, like Firefox and Safari. Now, the same feature... 
The Best jQuery Lightbox Scripts
The Best jQuery Lightbox Scripts
Eversince, Lokesh Dhakar created the first lightbox application, photo galleries and popup windows advanced to new era. And there was a time that lightboxes become a default component for every web sites. Aside from their libraries and codebase, all of them has similar properties like ability to show single image or group of images with next and... 
3 Great JavaScript & Canvas Examples
3 Great JavaScript & Canvas Examples
JavaScript-powered canvas demonstrations have become increasingly sophisticated. Developers are now creating high-quality browser based games which don’t need Flash or other plugins. Here are 3 of the best to add to your, er, “technology research list” this weekend. They’ve been chosen for their technical brilliance and... 
  Related Tweets from Twitter
inushiki (maruyama ryuhei)  : ??????Chrome????????????Google?????????????? http://j.mp/966oIz..
Updated : 2010-09-04T03:02:50Z   |  Reply  |  View Tweet
waka_itsu (waka_itsu)  : Chrome??????????..
Updated : 2010-09-04T03:02:46Z   |  Reply  |  View Tweet
arpitnext (Arpit Kumar)  : Type about:version in the address bar of Chrome and hit enter key ? to see current version & build no. and all active command line switches..
Updated : 2010-09-04T03:02:17Z   |  Reply  |  View Tweet
clozed2u (clozed2u)  : RT @pichitchaip RT @clozed2u: @pichitchaip dropbox+chrome ?????? //extention ? / yes..
Updated : 2010-09-04T03:02:12Z   |  Reply  |  View Tweet
Machamoto (?????)  : chrome????????????????????????..
Updated : 2010-09-04T03:02:12Z   |  Reply  |  View Tweet
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP