How to dim the page and show a video/image in the middle?
 

So we've all seen the new web effect where you click a thumb image or something and the page dims and the full size image pops up in the middle of the page.

So where's the tutorial?

You mean like Lightbox?

http://www.huddletogether.com/projects/lightbox2/

Lightbox!! Lol, it's always some weird name preventing Google from helping me find what I'm looking for. Thanks PersianKitty checking it out now. :winkwink:

Lightbox is limited to images only, so I checked out the comments on that page, and found something that allows you to display a variety of content using this (Thickbox): http://jquery.com/demo/thickbox/

I'm going to pick out a cool ajax loading gif to go along with this from a page I found before (just for those viewing the thread): http://www.ajaxload.info/

Cool stuff.

I may have always been completely wrong, but I've avoided looking into stuff like that due to my kneejerk belief that those kinds of things can't be any good for seo reasons.

any comments to correct me if I've been wrong, or otherwise?

What if the visual appeal of your page would attract a crowd that grows your site beyond what simple SEO'ing would do? SEO can only go so far... and the way I am using this there really isn't much to optimize anyways..

Nice thread.

Just create a div place it below with a bit of javascript

e.g
<div id='back' style="position:absolute; visibility:hidden; background-color:#000000; opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.5;-khtml-opacity: 0.5;" ></div>


function setBack()
{
var opBack = document.getElementById('back');
opBack.style.visibility = 'visible';
opBack.style.top = 0;
opBack.style.left = 0;
opBack.style.width = '100%';
opBack.style.height = '100%';
}

then wack your pic in another div ontop/ cnetered

tons of ways out there - I second thickbox, its pretty sweet little implementation for drupal, etc. without doing the work or worrying about browser compatiblility.

It's possible to open a Flash file (.flv) from lightbox, even from another Flash file