Shadowbox not opening on hover until clicked once

Question

I am using Shadowbox to display image on hover, but for some reason it works only AFTER I clicked the link for the first time. I am using Chrome and FireFox, neither working right.

You can see here: http://www.impero.co.za/demo/hsrc/site_content/view/how-we-curate-data

There is an anchor called "Qualitative Data". It does not open the Shadowbox on hover, but once I have clicked on it once, it opens, and from there onwards, it opens on hover.

As far as I can see from shadowbox's website, and Stackoverflow resources posts, I am doing this right.

Any idea what is wrong here?

Thanks in advance,

Kobus

Answer 1

Use Shadowbox.open(this); in your onmouseover attribute, e.g.

<a id="shadowbox[gallery]"
   href="http://www.impero.co.za/demo/hsrc/assets/uploads/images/qualitativedata.jpg"
   onmouseover="Shadowbox.open(this);"
   rel="shadowbox[gallery]">Qualitative Data</a>