WordPress.org

Ready to get started?Download WordPress

Forums

JQuery Slideshow Leaving Gaps Between Slides (2 posts)

  1. nickandrea19
    Member
    Posted 1 year ago #

    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.

  2. nickandrea19
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic