#programming
#css
#prototype
#lightbox
#javascript
How to make Prototype Window Class as easy as Lightbox Gone Wild
13 Nov 2006I like the way that Lightbox Gone Wild will automatically pickup any links with the class=lbOn
, but I wanted to use (at some point) Prototype Window Class instead.
Luckily PWC is built on Prototype which means we’ve already loaded a helpful library.
In order to take all class=lbOn
objects and run them through PWC we just write a simple loop and iterate.
So here’s the low-down:
- Download PWC
- Copy window.js
- Use the included prototype & script.aculo.us if you don’t already include it in your page
- copy any themes you wish to use.
In your page add this bit of JavaScript:
So, this code simply looks for all the anchor tags with class=lbOn
and then creates a new mylb
instance for each anchor. The end.