What is Probox?
Probox is a lightweight Thickbox port for Prototype. But, don't be fooled by the looks though, Probox is completely rewritten from the ground up. It is written using Prototypes Class.create which makes it scalable and easy to edit.
Probox is a lightweight Thickbox port for Prototype. But, don't be fooled by the looks though, Probox is completely rewritten from the ground up. It is written using Prototypes Class.create which makes it scalable and easy to edit.
Probox encompasses all of the features of its counterparts with gallery browsing, ajax content, image viewing, inline content, and even iframe content.
The Probox API is based off the API of Thickbox so the similarity is very easy to master for example.
<a href="image.jpg" class="probox">Click for Probox</a>
<a href="image1.jpg" class="probox" title="Image 1" rel="flowers">Image 1</a>
<a href="image2.jpg" class="probox" title="Image 2" rel="flowers">Image 2</a>
<a href="image3.jpg" class="probox" title="Image 3" rel="flowers">Image 3</a>
<a href="image4.jpg" class="probox" title="Image 4" rel="flowers">Image 4</a>
<a href="ajaxContent.html" class="probox" title="Ajax Content">Click for Ajax Content</a>
I have made several bug fixes to Probox that are associated with how Ajax content is handled and loaded. Basically before this version Ajax content with css would ruin the page underneath it. This has been solved with dynamic use of iframes. Upgrading is highly recommended and there are no compatability issues.
As of 1.1 there are several items left to be completed.
Please NOTE: AS of this writing some of the features mentioned in the examples are not currently working. They are posted for documentary sake and will be working by 1.2.
Before downloading please note the requirement of the Prototype Framework 1.6 or later.
The package below contains everything needed for probox including a demo and a copy of the Prototype framework. Remember if you already have the framework loaded on your page dont load it twice.