Introduction
CoolBox is a jQuery plugin which let you open
different mediatypes in an onpage popup. Check out the examples to your right.
The only thing you need is 2 files. Well, acutally, you need 4. But you only need
2 or maybe 3 from this website. Anyway :)
You need:
- The latest jQuery (now using 1.5.1)
- coolbox.js
- coolbox.css
- A loading image, which you can customize yourself.
All combined in the download package.
Features
- Opens .jpg/.jpeg, .png, .gif, .html or any-
thing you can embed on an html page :) - Group images and/or pages and switch between them. Also using the arrow keys.
- Recalculates image dimesions, so it always fits on the screen.
- Optional close button and ‘previous/next’ buttons.
- Optional callback functions.
- And many more options to be changed to your liking. Check out the documentation.
Contact
Have any questions, remarks, complaints or you want to show your gratitude? Feel free to contact me at: jelle@jellevandercoelen.com
Simple to use
Just download the needed files - only 2 javascript files and 1 css file (and an animated loading gif) - and include them in you website. See how.
Single image
Click on the image to open it in a CoolBox.
Gallery
Click one of these images and use the arrow keys to navigate through them.
Template
CoolBox can also handle normal HTML pages and of course PHP too.
With this you can open just about anything! Want to open a video? Just create
a HTML page with an embeded video. CoolBox will open it, handling it as a normal
page. Try it yourself by clicking on the following thumbnails. Check how to.
