Support » Plugin: Srizon Facebook Album » Lightbox won't work?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author afzal_du

    (@afzal_du)

    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

    Plugin Author afzal_du

    (@afzal_du)

    btw, by template I mean ‘theme’

    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>
    Plugin Author afzal_du

    (@afzal_du)

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Lightbox won't work?’ is closed to new replies.