Search code examples
jqueryfancybox

Pictures show up one by one, not as an iframe


Here's the page I'm having trouble with:

http://www.benjamine-immobilier.com/a-vendre/3-pieces-chartres-28

I don't understand why, but the pictures don't show up as a fancybox. When I change the name of the class of the pictures, then the pictures show up on full screen but one by one.

When I download and install the plugin Fancybox, then my menu doesn't work anymore (Annonces doesn't show A vendre, A louer, Vendu / Loué)

I have no idea why. What I want is simply to be able to see the pictures as a Fancybox when I click on one in the sidebar gallery.


Solution

  • Looks like your version of jQuery 1.9.1 is too 'new'. Fancybox uses $.browser built into jQuery, which Fancybox has a dependency on and was dropped in jQuery 1.9.

    In Chrome Dev tools, Console is outputting this:

    Uncaught TypeError: Cannot read property 'msie' of undefined 
    Uncaught TypeError: Cannot read property 'version' of undefined 
    

    I'd suggest you either revert back to older jQuery or pull out the $.browser function from the old jQuery and load it.