SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    91
    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
    6,049
    Mentioned
    219 Post(s)
    Tagged
    12 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
    91
    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
    6,049
    Mentioned
    219 Post(s)
    Tagged
    12 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
  •