SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Does not display plugin in Chrome?

    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. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,313
    Mentioned
    178 Post(s)
    Tagged
    8 Thread(s)
    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:

    HTML Code:
    <div id="bf_container1">
        <div><img src="images/beforeAfter_image1.jpg" /></div>
        <div><img src="images/beforeAfter_image2.jpg" /></div>
    </div>
    to:
    HTML Code:
    <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. #3
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great! wow so simple.. I think I should of caught that.
    Thank you so much!

    Quick question: What does webkit-based mean?

  4. #4
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,313
    Mentioned
    178 Post(s)
    Tagged
    8 Thread(s)
    No probs

    Quote Originally Posted by nonemauro View Post
    Quick question: What does webkit-based mean?
    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


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •