Shadowbox JS
My investigations into jquery.com have yielded Shadowbox JS.
Let’s give it a try…
… …
Well adding the code to the header file as I did on my static site didn’t seem to work. The js kicked in but it didn’t seem to find the target image. A quick google revealed a wordpress plugin So I’ve installed that and we’ll see if it works better…
… …

… …
That seemed to do it. Now if I add rel=”shadowbox to the href the Shadowbox theme appears. Next is an album. Theoretically if I add rel=”shadowbox[albumname]” to a series of images they will appear as a slide show…
… …
And rel=”shadowbox[albumname]options={continuous:true,counterType:’skip’,slideshowDelay:3}” gives it a counter with an automatic slide show
… …
|
|
… …
The whole code looks like this (with broken code):
| a href="http://macblaze.ca/wp-content/uploads/2009/10/P1050224.jpg" rel="shadowbox[test]options={continuous:true,counterType:'skip',slideshowDelay:3}" >img src="http://macblaze.ca/wp-content/uploads/2009/10/P1050224-150x150.jpg" border="0"/> | a href="http://macblaze.ca/wp-content/uploads/2009/11/P1050257.JPG" rel="shadowbox[test]options={continuous:true,counterType:'skip',slideshowDelay:3}" >img src="http://macblaze.ca/wp-content/uploads/2009/11/P1050257-150x150.jpg" border="0"/> |
… …
Apparently you can also link to websites, which is pretty cool.


