I have a site where if someone clicks on a particular item (image or swf) everything else on the page would either disappear or blur out. So the only thing left on the page that is visible is the thing that I just clicked. Is this possible to say everything change except this one div?
+1
A:
Generally speaking, this effect is achieved by setting the z-index of the 'selected' item to a very high value, then adding a position:fixed div to the page that covers the entire page and has a z-index just lower than the selected item. It's generally referred to as a 'modal div'. Searching for 'modal' along with your JS framework of choice will return you a number of usable solutions almost out of the box.
DDaviesBrackett
2010-09-20 22:24:16
And if jQuery 1.3+ happens to be your framework of choice, ColorBox is quite lovely: http://colorpowered.com/colorbox/
Ben Dunlap
2010-09-20 23:05:57
A:
I think you want a modal. Check out the jqueryui dialog widget's modal option:
fehays
2010-09-20 22:25:34
A:
Lightbox is one of the easier to use options floating around out there http://www.huddletogether.com/projects/lightbox2/ Supports all kinds of media and works pretty well if you aren't great with JavaScript/jQuery etc
Matt Schweers
2010-09-21 01:18:29