I'm using Shadowbox.js to display a slideshow on a website. This slideshow shows several pictures and I would like to know who's looking at what pictures. For this purpose I'm using statcounter.com. Shadowbox offers a so called hook to call a function when the slideshow opens and when it changes to another picture. I've written a small piece of code to get things moving, but for some reason, I get an entry in my statcounter log, but the shadowbox does not appear. When I don't use the onopen and onchange in the options, the shadowbox does display. As a test you can set up a directory where you place below code. Create to subdirs in this directory called "sb" and "pix". Get the Shadowbox-application from the website and store it in the "sb" directory (http://shadowbox-js.com/download.html). Next to that store 3 testimages (called image1.jpg, image2.jpg and image3.jpg) in the "pix" directory. To check if statcounter is picking up the pictures, you can use my testaccount on statcounter.com (just for viewing: account testcase, password casetest1).
Please find the html with the code here: http://www.heres-online.nl/test/index.html
Please take into account, I only just starting in javascript and html programming. I can imagine I'm overlooking something terribly simple ... Any help is highly appreciated.