Bumpbox is another lightbox clone with a few advantages over other lightboxes – it supports not only all common media types but also PDF’s.
Yet, the integration and implementation on your own site is pretty simple. Just add the scripts to your head section, add classes to your links that should use bumpbox, define a rel tag with the size that the bumpbox should have and you’re ready to roll.
Bumpbox automatically detects what kind of filetype you wish to show in the box, so you do not need to specify the type, easing the process of integration.
Requirements: Mootools Framework 1.2
Demo: http://www.artviper.net/bumpbox.php
License: License Free





mootools rules
good job!
A bit overdone animations in my opinion.
I suspect the animation being one of the algorithms one may chose, so this should be an easy fix. I usually go for the KAZAM! 0.2sec transitions.
Most frameworks has around 25-50 algortithms to choose from, or tweens. I am convinced MoTools has the excact same.
@Kim & @Gustavs:
You’re absolutely right. Mootools offers a vast range of effects like any other framework, so simply replace the Bounce.easeOut with the one of your liking. I added this effect as it carries the name of the whole thing – bumpbox.
@frank
Do you know if it is possible to run Mootols together with Prototype and jQuery (compability mode)? I seem to remember Mootols not running together with Prototype? I know it’s off topic, but if you have the answer I would love to hear from you.
@Kim
Well I know of a solution to run jQuery together with mootools but I didn’t come across a workaround to get prototype to work with it.
Using jQuery & mootools is done by using jQuery selectors like this: jQuery(’xxx’), otherwise it would conflict with the same selector in mootools. Yet you could edit the jQuery library itself to replace the dollar selector with something else, which would yield the same effect.
Awesome! It’s amazing you can keep finding cool stuff like this.
Very cool.
It didn’t work for me. It asked me to download the PDF file. I’m on OSX 10.5.8 on Firefox 3.5.2 I agree it’s heavy on the animations. But I like that it is using Flowplayer. I wish Shadowbox used Flowplayer. I hate JW FLV Player.
Yes, doesn’t display .pdfs in OSX 10.5.8 & Firefox 3.0.13 either… works on Safari.
Wondering if it requires Acrobat Reader plugin/extension to work properly. If you have that installed, then what’s the point?
john.
MAC users need a browser plugin for PDF to be able to view PDF’s inside the bumpbox.
We’ve added more features now to bumpbox, namely CSS3 styles, previous|next buttons, audio mp3 player, inline content and a new media detection routine. Just try it.
RSS feed for comments on this post · TrackBack URI