Greatest Lightbox Ever Seen | By Adil Khan

  • 2
  • Idea
  • Updated 8 years ago
Hi Friends, I have just now created a great website with great lightboxes in it.
Which were first made by Nathan & Kevin on this post& ThisUpgraded Post.

But I Have Created The Latest Ones Which Are Really Very Very Cool & Superb.
First Include The JS Library Which Are Hosted On My yola.com Site
Khan Adil

Note:Don't Forget To Add angle brackets to each and every code < and >


Into The <head></head> Tags
head
script type="text/javascript" src="http://khanadil.bravehost.com/shadowbox.js" /script
script type="text/javascript" src="http://khanadil.bravehost.com/demo.js" /script
script type="text/javascript"
Shadowbox.init({
// a darker overlay looks better on this particular site
overlayOpacity: 0.8
// setupDemos is defined in assets/demo.js
}, setupDemos);
/script
/head

And the next step is to include is CSS files

link rel="stylesheet" type="text/css" href="http://khanadil.bravehost.com/shadow.css"


Finally, The HTML Files

Just add rel="shadowbox" to the links & it will show its magic
here's an example:

a rel="shadowbox" href="http://shadowbox-js.com/gallery/tiger.jpg"

img alt="Tiger" class="border" src="http://shadowbox-js.com/gallery/tiger-thumb.jpg"

/a



For more assistance just comment here.
I hope i helped.
Thanks,
Adil.
Photo of Adil Khan

Adil Khan

  • 61 Posts
  • 0 Reply Likes
  • happy

Posted 8 years ago

  • 2
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello Adil,

Thanks so much for sharing!

Kind Regards,
Emmy