macblaze.ca

Now lets see what we can do about making this an easier process. Apparently WP 2.8 changed its insert gallery process so you have to save the post first. Then id you wait a moment, the gallery tab appears. Not to useful as it doesn’t allow you to upload first and gallery later. Nor does it expose the code you to add the rel=”shadowbox”

Study in Travelators…

If, however you have the Image Links set to true on the Shadowbox Automation section of the Shadowbox Plugin Settings, then it will auto-sense the images and give you a slideshow without any of the options. Not optimal, but better than having to code everything by hand just to show a few images.

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.