I am using some jquery plugins on my site and just noticed that they are not working properly in Safari and Chrome. I am using jcapslide (plugin found here: http://tympanus.net/codrops/2009/11/...aption-plugin/ ) and while the plugin works on the developers site in Safari and Chrome, it is not on mine. I have tried reinstalling and am wondering if there is some sort of jquery conflict going on with my other plugins. The site I am having trouble with can be found here: http://www.moorewebexposure.com and the sliders are on the bottom. In Safari and Chrome they load at the top of the box when really they should overlay the content in the box.
I got it figured out.
For anyone having trouble getting this to work on Safari or Chrome here is the solution. Make sure to define the image width and height in the html. So, your image must look something like this: width=”294″ height=”217″ within the image tags.
Not defining the height and width for some reason makes the caption load at the top of the image in Safari and Chrome. Simple fix. Great Plugin!