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
https://forums.phpfreaks.com/topic/46735-how-do-they-do-this-on-certain-webpages/
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

Archived

This topic is now archived and is closed to further replies.

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