Does not display plugin in Chrome?

Get Started
1

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

2

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.

3

Great! wow so simple… I think I should of caught that.
Thank you so much!

Quick question: What does webkit-based mean?

4

No probs :slight_smile:

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