Jump to content

How do they do this on certain webpages?


freakus_maximus

Recommended Posts

Basically, I have seen sites where when you click an image to preview it, the screen has a grey-over on it with a loading icon (spinner, etc...) then the image appears on the grey-over to preview. When you click the image it closes the preview and you have control again on the page.

 

Just unsure how they are doing it and/or what to google. Any direction would be appreciated.

 

Thanks!

Link to comment
Share on other sites

i think it's referred to commonly (whether officially) as a "Lightbox".

 

An example is here: http://www.huddletogether.com/projects/lightbox/ but Googling 'lightbox' will give you other suggestions too.

 

Also - if you google "Modal" or "submodal", you'll get some ideas how they do it. One way is laying a DIV with its background image set as a semi-transparent PNG/GIF over the entire screen (to prevent clicking of underlying content), then laying whatever content over the top of that.

 

hope that helps

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.