WordPress.org

Ready to get started?Download WordPress

Forums

Srizon Facebook Album
[resolved] Lightbox won't work? (5 posts)

  1. brightdaymedia
    Member
    Posted 1 year ago #

    Hi There,

    I recently purchased the Srizon FB plugin and followed all the instructions.
    My gallery is loading correctly but lightbox doesn't seem to be working:
    http://www.dcpearls.nl/about/media/

    Please help me out, it's for a client!

    Cheers,
    Camille

    http://wordpress.org/extend/plugins/srizon-facebook-album/

  2. afzal_du
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    It seems no JS or CSS files from my plugin is loaded in your page output. I have used the standard wordpress function to load them. So it might be a problem with your theme design.
    Do the following:
    1. Use the default template and see if it works
    2. If it works with the default template then ask your template developer to fix the template so that it can load other JS/CSS files from different plugins
    3. If the default template doesn't work check which other plugins you are using. Try disabling them one by one to find which is causing the problem.
    Regards, Afzal

  3. afzal_du
    Member
    Plugin Author

    Posted 1 year ago #

    btw, by template I mean 'theme'

  4. brightdaymedia
    Member
    Posted 1 year ago #

    Thanks for your speedy reply.
    I added the following line of code and the CSS is correct but fancybox still wont work.
    Could you please help me out?

    Link: http://www.dcpearls.nl/about/media/?id=339836239468648

    Code added:

    <link rel='stylesheet' id='srzfbstyles-css'  href='http://www.dcpearls.nl/wp-content/plugins/srizon-facebook-album/css/srzfbstyles.css?ver=3.5.1' type='text/css' media='all' />
    <link rel='stylesheet' id='srzsbcss-css'  href='http://www.dcpearls.nl/wp-content/plugins/srizon-facebook-album/js/sb/srzsb.css?ver=3.5.1' type='text/css' media='all' />
    <script type='text/javascript' src='http://www.dcpearls.nl/wp-content/plugins/srizon-facebook-album/js/sb/srzsb.js?ver=3.5.1'></script>
    <script type="text/javascript">
    
    jQuery(function(){
    
    jQuery.fn.getTitle = function() { // Copy the title of every IMG tag and add it to its parent A so that fancybox can show titles
    
    	var arr = jQuery("a.fancybox");
    
    	jQuery.each(arr, function() {
    
    		var title = jQuery(this).children("img").attr("title");
    
    		jQuery(this).attr('title',title);
    
    	})
    
    }
    
    // Supported file extensions
    
    var thumbnails = jQuery("a:has(img)").not(".nolightbox").filter( function() { return /\.(jpe?g|png|gif|bmp)$/i.test(jQuery(this).attr('href')) });
    
    thumbnails.addClass("fancybox").attr("rel","fancybox").getTitle();
    
    jQuery("a.fancybox").fancybox({
    
    	'cyclic': false,
    
    	'autoScale': true,
    
    	'padding': 10,
    
    	'opacity': true,
    
    	'speedIn': 500,
    
    	'speedOut': 500,
    
    	'changeSpeed': 300,
    
    	'overlayShow': true,
    
    	'overlayOpacity': "0.3",
    
    	'overlayColor': "#666666",
    
    	'titleShow': true,
    
    	'titlePosition': 'inside',
    
    	'enableEscapeButton': true,
    
    	'showCloseButton': true,
    
    	'showNavArrows': true,
    
    	'hideOnOverlayClick': true,
    
    	'hideOnContentClick': false,
    
    	'width': 560,
    
    	'height': 340,
    
    	'transitionIn': "fade",
    
    	'transitionOut': "fade",
    
    	'centerOnScroll': true
    
    });
    
    jQuery(".jfbalbum > div.imgboxouter > a").fancybox({
    
      'transitionIn': 'elastic',
    
      'transitionOut': 'elastic',
    
      'speedIn': 600,
    
      'speedOut': 200,
    
      'type': 'image'
    
    }); 
    
    })
    
    </script>
  5. afzal_du
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    jQuery is missing, also the fancybox script.
    This is not the way to add css/js into your wordpress theme.
    I'm not a theme developer but I guess you need a wordpress function which will enable other plugins to add css/js dynamically.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic