Submit your widget
HomeLightbox & Dialog & OverlayGreyBox display websites,images jQuery lightbox

GreyBox display websites,images jQuery lightbox

Created 14 years ago   Views 13718   downloads 2411    Author Amir Salihefendic.
GreyBox display websites,images jQuery lightbox
View DemoDownload
136
Share |

GreyBox can be used to display websites, images and other content in a beautiful way.

Why use GreyBox:

  • It does not conflict with pop-up blockers
  • It's only 22 KB!
  • It's super easy to setup
  • It's super easy to use
  • You can easily alter the style as it is controlled through CSS

Step 1

Append following to your header section. GB_ROOT_DIR is the URL where static files are located:

 
<script type="text/javascript">
    var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>

GB_ROOT_DIR should be absolute.

Step 2

Append also following scripts and one stylesheet:

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Where could it be used?

  • Showing external pages
  • AJAX uploading of files
  • Showing internal pages (login, user preference, properties, contact formulas etc.)
  • Showing a video or a flash animation
  • Showing images
  • Showing product information
  • Admin sections
  • ...

You might also like