{"id":1011,"date":"2009-12-12T15:50:03","date_gmt":"2009-12-12T22:50:03","guid":{"rendered":"http:\/\/macblaze.ca\/?p=1011"},"modified":"2009-12-13T09:41:09","modified_gmt":"2009-12-13T16:41:09","slug":"shadowbox-js","status":"publish","type":"post","link":"https:\/\/macblaze.ca\/?p=1011","title":{"rendered":"Shadowbox JS"},"content":{"rendered":"

My investigations into jquery.com<\/a> have yielded Shadowbox JS<\/a>.<\/p>\n

Let’s give it a try…
\n… …
\nWell 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<\/a> So I’ve installed that and we’ll see if it works better…
\n… …
\n<\/a>
\n… …
\nThat 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…
\n… …
\nAnd rel=”shadowbox[albumname]options={continuous:true,counterType:’skip’,slideshowDelay:3}” gives it a counter with an automatic slide show
\n… …<\/p>\n\n\n
\n<\/a>\n<\/td>\n\n<\/a>\n<\/td>\n<\/tr>\n<\/table>\n

… …
\nThe whole code looks like this (with broken code):
\n<\/p>\n\n\n
\na 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\"\/>\n<\/td>\n\na 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\"\/>\n<\/td>\n<\/tr>\n<\/table>\n

<\/code><\/p>\n

… … <\/p>\n

Apparently you can also link <\/a>to websites, which is pretty cool. <\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/posts\/1011"}],"collection":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1011"}],"version-history":[{"count":0,"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/posts\/1011\/revisions"}],"wp:attachment":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}