philiprabbett

I implemented Fancybox 1.3.4 directly into my custom theme.

I have a custom post type that I use fancybox with for the sole purpose of load the custom post type content via fancybox.

The content loaded is a specific div from the single post page (#content) which contains the post content (a featured image, a custom carousel and a load of text…).

The images in the carousel appear but the featured image doesn’t appear yet the code is injected into the img tag but the image swapping i.e. the 1×1 pixel doesn’t get changed to the image url unless I actually scroll.

What have you tried so far?

By default the plugin scrolls vertically first and then horizontally. As long as the anchor points are in the correct location, then the plugin should scroll in the correct direction.

Can you maybe share a link to the problem page?

in your themes functions file, the following should work

//dequeue css from plugin
add_action('wp_enqueue_scripts', 'tp_twitter_plugin_destyles', 100);
function tp_twitter_plugin_destyles()  {
	wp_dequeue_style( 'tp_twitter_plugin_css' );
}

I’m currently working on enabling options for this but in the meantime, if you open the file wp-localscroll.php and change the following:

// When the document is loaded...
    jQuery(document).ready(function($) {
      // Scroll initially if there's a hash (#something) in the url
      $.localScroll.hash( {
        target: 'body', // Could be a selector or a jQuery object too.
        duration:1500
      });

      /**
       * Scroll the whole document
       * NOTE: I use $.localScroll instead of $('#navigation').localScroll().
      */
      $.localScroll({
        target: 'body', // Could be a selector or a jQuery object too.
        duration:1000,
        hash:true
      });
    });

to

// When the document is loaded...
    jQuery(document).ready(function($) {
      // Scroll initially if there's a hash (#something) in the url
      $.localScroll.hash( {
        target: 'body', // Could be a selector or a jQuery object too.
        duration:1500,
        offset: { top: -200 } //offset by the height of your header (give or take a few px, see what works for you)
      });

      /**
       * Scroll the whole document
       * NOTE: I use $.localScroll instead of $('#navigation').localScroll().
      */
      $.localScroll({
        target: 'body', // Could be a selector or a jQuery object too.
        duration:1000,
        offset: { top: -200 }, //offset by the height of your header (give or take a few px, see what works for you)
        hash:true
      });
    });

See if that works