I use a Jquery plugin on my page which doesn’t show up in Chrome for some reason?
Anyone know the reason why?
Go to:
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 ? ? ?
thanks
Hi nonemauro,
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 id="bf_container1">
<div><img src="images/beforeAfter_image1.jpg" /></div>
<div><img src="images/beforeAfter_image2.jpg" /></div>
</div>
to:
<div id="bf_container1">
<div><img src="images/beforeAfter_image1.jpg" width="632" height="409" /></div>
<div><img src="images/beforeAfter_image2.jpg" width="632" height="409" /></div>
</div>
and that should solve your problem.
Great! wow so simple… I think I should of caught that.
Thank you so much!
Quick question: What does webkit-based mean?
No probs
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