Tip Details Add a Related Tip

Rate as: Positive Negative

Use a javascript lightbox to display pictures

If you have a web site were you display digital photos, consider using a javascript lightbox to display the photos. When using a lightbox on a link, clicking the link results in graying out the screen and popping up a new window over it that displays the contents of the link. The user then interacts with this new window (the grayed-out main window is not accessible) until it is closed, then control returns to the main window. This is really nice for displaying pictures, presenting login widows, or anything else that is a "detour" from the current page and then brings them back. Using the lightbox code from the link below, all you have to do is make a minor change to the link on your page, include some javascript files in the header, and the lightbox is fully enabled... no programming required.
Link: www.lokeshdhakar.com...Search for more tips related to this link
Rating: 100% positive, 1 Vote
Categories: web 2.0 javascript digital photos web design CSS
Added: on Nov 19, 2007 at 5:45 pm
Added By: an anonymous user

Comments on this Tip

Add a Comment
There are no comments for this tip
Your Comment:
(how to format)
Rate This Tip:

Verify Humanity:
Sorry, we know it's annoying, but please enter the characters shown in the image to the left so that we know you're an actual person and not an evil spammer. Thanks.
       

Related Tips

Cool accordian menus in CSS/Javascript

0% positive, 0 comments
– Tip added by an anonymous user on May 30, 2007 at 9:19 pm

Create a Mac-like dock on web pages

100% positive, 0 comments
– Tip added by Marcos84 on Jul 13, 2007 at 11:39 am

CSS trick for doing unlimited number of columns on a page without using tables

Categories: CSS web 2.0 web design
100% positive, 0 comments
– Tip added by messy-me on Mar 19, 2007 at 7:45 pm

Smooth scrolling for anchor links

100% positive, 1 comment - last added on Mar 12, 2007 at 9:09 am
– Tip added by Marcos84 on Mar 11, 2007 at 9:24 am

great site with tips on designing to web standards

100% positive, 0 comments
– Tip added by rlansky on Mar 06, 2007 at 10:20 am

CSS Text tricks

Categories: CSS web 2.0 web design
100% positive, 0 comments
– Tip added by an anonymous user on Jun 16, 2007 at 2:46 pm

Styling browse buttons on file elements in forms

Categories: CSS web 2.0 javascript HTML
no ratings, 0 comments
– Tip added by an anonymous user on May 31, 2007 at 9:13 am

library of sites designed with CSS

no ratings, 0 comments
– Tip added by Marcos84 on Mar 13, 2007 at 12:20 pm

Sexy buttons using CSS

Categories: design web 2.0 CSS
100% positive, 0 comments
– Tip added by an anonymous user on Aug 31, 2007 at 1:37 pm

Wrap web text to any shape

100% positive, 0 comments
– Tip added by an anonymous user on Dec 16, 2007 at 10:35 am

Improving javascript page load time

Categories: javascript web 2.0
100% positive, 0 comments
– Tip added by Marcos84 on Jun 03, 2007 at 6:37 pm

Javascript: How to Create a Random Number

0% positive, 0 comments
– Tip added by Walkere on Feb 23, 2008 at 9:49 pm

Migrating from dojo 0.4 to 1.0

no ratings, 0 comments
– Tip added by an anonymous user on Jan 08, 2008 at 12:44 pm

CSS drop shadow without images

Categories: CSS web design
no ratings, 0 comments
– Tip added by an anonymous user on Jan 02, 2008 at 8:16 am

CSS Menu Navigation

Categories: CSS web design coding
no ratings, 0 comments
– Tip added by messy-me on Sep 05, 2007 at 6:09 am

Code for creating Javascript CSS charts

no ratings, 0 comments
– Tip added by an anonymous user on Aug 21, 2007 at 12:23 pm

Faster javascript page loads

Categories: javascript web 2.0 speed
no ratings, 0 comments
– Tip added by an anonymous user on Jul 18, 2007 at 7:53 pm

Preview of CSS3

Categories: CSS web design
no ratings, 0 comments
– Tip added by an anonymous user on Jul 03, 2007 at 9:28 pm

Answers to your CSS questions

Categories: CSS web design
no ratings, 0 comments
– Tip added by an anonymous user on Jun 20, 2007 at 8:48 am

Web 2.0 buttons

no ratings, 0 comments
– Tip added by an anonymous user on Jun 04, 2007 at 7:26 am