How to dim the page and show a video/image in the middle? - GoFuckYourself.com

Jakez · 04-21-2009, 01:12 AM

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?

PersianKitty · 04-21-2009, 01:16 AM

You mean like Lightbox?

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

Jakez · 04-21-2009, 01:25 AM

Quote:

Originally Posted by PersianKitty

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.

Jakez · 04-21-2009, 01:30 AM

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.

d-null · 04-21-2009, 01:45 AM

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?

Jakez · 04-21-2009, 01:48 AM

Quote:

Originally Posted by d-null

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..

ExLust · 04-21-2009, 05:39 AM

Nice thread.

XR2 · 04-21-2009, 05:58 AM

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

e.g
<div id='back' style="position:absolute; visibility

dden; 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

gornyhuy · 04-21-2009, 07:30 AM

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.

Verbal · 04-21-2009, 07:37 AM

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

04-21-2009, 01:12 AM	#1
Jakez Confirmed User Industry Role: Join Date: Jan 2004 Location: oddfuturewolfgangkillthemall!!!!!!! Posts: 5,656	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? __________________ [email protected] - jakezdumb - 573689400 Killuminati

04-21-2009, 01:16 AM	#2
PersianKitty Meow Media Inc. Industry Role: Join Date: Jul 2001 Location: In the valley of the sun, cactus, tacos, tequila, and nod Posts: 7,785	You mean like Lightbox? http://www.huddletogether.com/projects/lightbox2/ __________________ Wondering what webmaster programs PK uses? Check them out here!

04-21-2009, 01:30 AM	#4
Jakez Confirmed User Industry Role: Join Date: Jan 2004 Location: oddfuturewolfgangkillthemall!!!!!!! Posts: 5,656	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. __________________ [email protected] - jakezdumb - 573689400 Killuminati

04-21-2009, 01:45 AM	#5
d-null . . . Industry Role: Join Date: Apr 2007 Location: NY Posts: 13,724	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? __________________ __________________ Looking for a custom TUBE SCRIPT that supports massive traffic, load balancing, billing support, and h264 encoding? Hit up Konrad! Looking for designs for your websites or custom tubesite design? Hit up Zuzana Designs Check out the #1 WordPress SEO Plugin: CyberSEO Suite

04-21-2009, 05:39 AM	#7
ExLust Confirmed User Join Date: Aug 2008 Posts: 3,223	Nice thread. __________________ BE A PARTNER

04-21-2009, 05:58 AM	#8
XR2 Registered User Join Date: Apr 2009 Location: London(UK) Posts: 38	Just create a div place it below with a bit of javascript e.g <div id='back' style="position:absolute; visibilitydden; 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

04-21-2009, 07:30 AM	#9
gornyhuy Chafed. Join Date: May 2002 Location: Face Down in Pussy Posts: 18,041	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. __________________ icq:159548293

04-21-2009, 07:37 AM	#10
Verbal Confirmed User Join Date: Dec 2001 Location: Tampa, FL Posts: 3,420	It's possible to open a Flash file (.flv) from lightbox, even from another Flash file