1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How does hulu do the "lower the lights"??

Discussion in 'Web Design' started by buttercup, May 31, 2009.

  1. buttercup

    buttercup Junior Member

    Joined:
    Sep 28, 2008
    Messages:
    174
    Likes Received:
    66
    Location:
    United States
    how do they do that? a certain gateway uses it too, but i want it to darken everything except for the media, like hulu.

    How do they do that? :/
     
  2. ukescuba

    ukescuba Jr. VIP Jr. VIP Premium Member

    Joined:
    Feb 24, 2008
    Messages:
    994
    Likes Received:
    634
    Occupation:
    Mobile Marketer & QR Code Junkie
    Location:
    San Antonio, TX
    Home Page:
    im guessing probably javascript/mootools or similar ill have a look at the code for you... it might be actually custom code, take a look at the different types of lightbox styles there are avaiable, i believe there are about 10 different versions you can apply...

    if you looking to implement a lightbox effect that comes on as a background, you will have to setup div layers... your highest div layer would include your video

    but the lightbox effect for the lights can be easily assigned to a button and would need to be displayed at least one layer below your video...

    hope that makes sense...

    the results from this search should point you in the right way...

    Code:
    http://www.google.com/search?hl=en&safe=off&client=firefox-a&channel=s&rls=org.mozilla:en-US:official&hs=bL0&ei=ci8iSuuvKYHAyQXNl62wBg&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=lightbox+javascript&spell=1
    if your using joomla i can give you a handfull of plugins that do something similar for you with both images and video...
     
    Last edited: May 31, 2009
  3. buttercup

    buttercup Junior Member

    Joined:
    Sep 28, 2008
    Messages:
    174
    Likes Received:
    66
    Location:
    United States
    Really into wordpress right now though! Can you point me to really useful plugins and theme dir's? I've been thinking of messing with it, why not?

    will take a look and see what that query turns up, thank you.
     
  4. ukescuba

    ukescuba Jr. VIP Jr. VIP Premium Member

    Joined:
    Feb 24, 2008
    Messages:
    994
    Likes Received:
    634
    Occupation:
    Mobile Marketer & QR Code Junkie
    Location:
    San Antonio, TX
    Home Page:
    sorry im not familiar with wordpress so cant recommend one but just do a lightbox wordpress search in google...

    Code:
    http://www.google.com/search?client=firefox-a&rls=org.mozilla%3Aen-US%3Aofficial&channel=s&hl=en&q=lightbox+wordpress&btnG=Google+Search
     
  5. khan0

    khan0 Registered Member

    Joined:
    Jul 16, 2008
    Messages:
    75
    Likes Received:
    17
    Location:
    Toronto
    I believe they are using a javascript and a semi-transparent GIF. They just overlay the whole page with the semi-transparent GIF.
     
  6. digitalphantom

    digitalphantom Newbie

    Joined:
    Nov 1, 2008
    Messages:
    48
    Likes Received:
    1
    Occupation:
    Graphics Designer, IMer
    Location:
    Aljiro.com
    Home Page:
    I sure would also like to know how to this. :D Can anyone confirm what they did on the page?
     
  7. domainplayer

    domainplayer Junior Member

    Joined:
    Dec 30, 2008
    Messages:
    133
    Likes Received:
    15
    Occupation:
    Black Hat Stuff
    Location:
    United States of Blackhat
    Yeah, I'm pretty sure that's what they do. I do that in Flash sometimes.