nonemauro — 2012-08-09T13:03:00-04:00 — #1
I use a Jquery plugin on my page which doesn't show up in Chrome for some reason?
Anyone know the reason why?
www.pcigeomatics.com/root (Use Firefox or IE)
Click on the third button "Atmospheric Correction".... u see a Before and after plugin, but it doesn't show up in Chrome ? ? ?
pullo — 2012-08-12T16:52:49-04:00 — #2
It seems that you're using the jquery-beforeafter-plugin to achieve that effect.
For this plugin to work correctly in webkit-based browsers, all images must have the width and height declared.
In your code, change the following lines from:
<div><img src="images/beforeAfter_image1.jpg" /></div>
<div><img src="images/beforeAfter_image2.jpg" /></div>
<div><img src="images/beforeAfter_image1.jpg" width="632" height="409" /></div>
<div><img src="images/beforeAfter_image2.jpg" width="632" height="409" /></div>
and that should solve your problem.
nonemauro — 2012-08-13T09:08:20-04:00 — #3
Great! wow so simple.. I think I should of caught that.
Thank you so much!
Quick question: What does webkit-based mean?
pullo — 2012-08-13T09:27:41-04:00 — #4
WebKit is a layout engine designed to allow web browsers to render web pages. WebKit underlies the Apple Safari and Google Chrome browsers.
You can read more here: http://en.wikipedia.org/wiki/WebKit