FancyBox and infinite scroll – issues

Viewing 5 posts - 1 through 5 (of 5 total)
  • #7810
    photonopticum
    Participant

    Hello all,

    I used FancyBox as a picture viewer (rather than the built in viewer). FancyBox scales images when viewed automatically to the available space on the screen (big pictures on big screens, small pictures on small screens).

    However, it seems like, that FancyBox loads when the page is loaded, but does not re-load, when additional images are loaded/displayed when scrolling down the page (infinite scroll).
    Beta-site is here: http://photonopticum.com/wordpress/
    Does anyone know a solution to this problem? Any help is greatly appreciated.

    M.

    #10552
    Daniel Tara
    Keymaster

    You’ll have to set the call to the fancybox function on the completed callback of the $content.masonry call. See how it’s done for colorbox.

    #10640
    photonopticum
    Participant

    Thanks Daniel,

    how does this translate to the non-programmers? πŸ™‚

    Is the call set in the jquery.masonry.js in the
    // ====== imagesLoaded Plugin =======
    section?

    and – how exactly does the fancybox call look?

    Sorry, I am not a coder :/

    M.

    #10654
    Daniel Tara
    Keymaster

    Look in functions.php function pinboard_call_scripts() and see where the call to colorbox is made, replace it with the call to fancybox.

    #10688
    photonopticum
    Participant

    Hi Daniel,
    this works. I modified the colorbox call in two instances to this to call fancybox:

    $(‘.entry-content a[href$=”.jpg”],.entry-content a[href$=”.jpeg”],.entry-content a[href$=”.png”],.entry-content a[href$=”.gif”],a.colorbox’).fancybox();

    What confuses me though is the fact that now some CSS of fancybox seems to be overwritten with the included lightbox code… e.g. the title of a photo does not appear in the fancybox style white extended border below the image, but in a “button style” , well, button – which I actually like πŸ™‚ So, just curiosity at this point.

    It would be great, if you would include in future revs. of the theme an option for an alternative viewer – or include fancybox. Your theme lives of the flexibility, however, the advantage of fancybox is that large view images are displayed matching the size of the visible browser window (large window – large image, small window – small image), a feature the built in lightbox does not offer (and the only reason why I wanted to get fancybox working).

    Anyhow, thanks for your help!!!!!
    It is greatly appreciated!
    M.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.