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

  1. brightdaymedia
    Posted 3 years 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:

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



  2. afzal_du
    Plugin Author

    Posted 3 years ago #

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

    Posted 3 years ago #

    btw, by template I mean 'theme'

  4. brightdaymedia
    Posted 3 years 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.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");
    // 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')) });
    	'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'
  5. afzal_du
    Plugin Author

    Posted 3 years ago #

    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

  • Srizon Facebook Album
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic