Support » Fixing WordPress » JQuery Slideshow Leaving Gaps Between Slides

  • So, I inherited a site where the JQuery Cycle plugin has been used for the slideshow. It appears on the homepage: http://www.stevenandrewjackson.com/
    And also on the inside pages: http://www.stevenandrewjackson.com/moving-to-western-north-carolina/

    It works fine in Firefox, Chrome, Opera, Safari, and IE9 and above. However, in IE8 and below it is leaving time gaps between images. Snooping around I found that it would be helpful to add slideExpr to the javascript, to specify which element to use as the slides, like so:

    <script type="text/javascript">
    	jQuery(document).ready(function($) {
    		$('#page-panels').cycle({
    			timeout:	10000,
    			speed:		3000,
    			slideExpr: 'div'
    		});
    	});
    </script>

    This is because the slides consist of several tags, including an <img>, <p>m
    , and <span>, all wrapped inside a <div> that is NOT the containing element.

    But, the problem persists. I am looking for help. Thank you.

Viewing 1 replies (of 1 total)
  • Ok well, that fix actually worked on the homepage slides, which are simply and <img> wrapped inside a <div>. However, the more elaborate inside page slides are still not rendering correctly.

Viewing 1 replies (of 1 total)
  • The topic ‘JQuery Slideshow Leaving Gaps Between Slides’ is closed to new replies.