BuddyDev

Search

[Resolved] Lightbox not loading…

Tagged: ,

  • Participant
    Level: Initiated
    Posts: 10
    Nauti Admin on #897

    very strange – no lightbox functioning here – lightbox is enabled, using foobox
    https://nauti.nz/members/nauti-admin/mediapress/pinup-girls/

    activity not loading lightbox – goes to attachment page
    https://nauti.nz/members/nauti-admin/

    here is the lightbox in action:
    https://nauti.nz/raquel-reed/lightbox

  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #898

    Currently, foo box will not pick images automatically. Please give me till evening today and we will have it enabled with foo box.

  • Participant
    Level: Initiated
    Posts: 10
    Nauti Admin on #899

    Beautiful! Half way there. Thank you sir

  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #900

    Hi,
    Just wanted to update. I managed to get it half working.
    here is a screenshot
    http://i.imgur.com/sPrklax.png

    The problem I see is there is no documentation on how 3rd party plugins can enable support( add some custom data attributes etc).

    I was able to get it working for single images on agllery, but it is throwing the errors you see at the bottom. Also, I could not get it to work as gallery mode.

    Their js code is minified and I am not able to find much documentation. If you have used this plugin, can you please point me to some documentation that allows 3rd party plugins to enable support for foobox, also enable the gallery mode.

    Thank you
    Brajesh

  • Participant
    Level: Initiated
    Posts: 10
    Nauti Admin on #909

    http://docs.fooplugins.com/support/forum/premium-plugin-support/foobox-pro/
    Maybe you could look at how justified image grid integrate so perfectly. JIG and foobox work together. The developers have placed options inside their plugins to support each other.

    Thank you for the effort so far. It will be a beautiful thing when you solve this…. if you send your email to admin@yoyo.io I will send you 2 things that will help you

    • This reply was modified 8 years, 6 months ago by Nauti Admin.
  • Participant
    Level: Initiated
    Posts: 10
    Nauti Admin on #911

    you have nextgen installed? Read that may require some attention if so

  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #912

    Hi Nauti,
    Thank you.
    I will look at the Nextgen integration.

    My email is brajesh@buddydev.com . Please do drop me a mail there is you find anything.

    I was looking for foobox javascript API. If we can see that, It will be super easy to do it. Lighbox2 support is easier to add as their JS API is available.

  • Participant
    Level: Initiated
    Posts: 10
    Nauti Admin on #955

    Any progress on this… just fyi I found that all other plugins in wordpress, like a directory plugin etc will use foobox by adjusting the foobox settings to use in place of all other lightbox

    For some strange reason mediadpress has issue. Would love to get this to work so we can use a lightbox. happy to provide login creds if you wish to try on our site

  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #959

    Hi Nauti,
    Thank you for your mails and all your efforts to help so far.

    the problem lies with lack of an open API for foobox. The documents you pointed were for the events that get triggered after a lightbox is attached to the element.

    I haven’t seen any example on how do we attach the foobox lightbox to custom elements.

    Here is how I do it for Ligbox/colorbox plugin for Single gallery page

    //this is the javascript code that I put in my theme’s document ready

    
    
    	if( jq.fn.colorbox != undefined ) {
    		jq( ".mpp-single-gallery-media-list .mpp-item-thumbnail").colorbox({ rel:'gallery', href: function () {
    				var url = jq(this).data('mpp-large-src');
    				
    				return url;
    		}}) ;
    	}
     

    and this is the php I put in my bp-custom.php

    
    
    add_filter( 'mpp_media_html_attributes_pre', 'mpp_inject_colorbox' );
    function mpp_inject_colorbox( $atts ) {
    	
    	$media = $atts['media'];
    	
    	if( ! $media ) {
    		return $atts;
    	}
    	
    	
    	$atts['data-mpp-large-src'] = mpp_get_media_src('', $media );
    	
    	return $atts;
    }
    
    

    And this makes it work for this plugin
    https://wordpress.org/plugins/lightbox-plus/

    On single gallery pages.

    So, to enable it for foobox, I need some access to their API. Like colorbox has great documentation here
    http://www.jacklmoore.com/colorbox/

    Now to answer why it does not work out of the box for all lightbox? The problem is MediaPress gallery contains media where each media have their own page. They don’t directly link to the media file. If they linked directly to the media file, most of the lightbox plugin will work out of the box. But in that case, we loose the commenting/view counting/rating etc many functionalities that are important for single media.

    Can you please ask the developers of FooBox if they have some guide on how to integrate it with 3rd party plugin where the anchor does not link to actual media file. We can use data attributes though.

  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #5194

    Marking resolved due to lack of replies.

The topic ‘ [Resolved] Lightbox not loading…’ is closed to new replies.

This topic is: resolved