CODEWITHSUNDEEP
jquerycsscycle
user1110562
user1110562

Reputation: 423

jQuery / Cycle / Background images

I'm trying to get jQuery Cycle working on multiple background images, and am not sure why it doesn't work. I just get no images showing up at all.

I have a fiddle here with sample code:

http://jsfiddle.net/6kjA6/1/

$(document).ready(function() {

    $('#headerRotate').cycle({
        fx: 'fade',
        timeout: 2000
    });
});

<div id="headerRotate">
    <div style="background:url('http://www.lilaclaneequestrian.com/_uploads/headers/692316_image-2.jpeg') no-repeat left top; height: 550px; background-size: 100%;"></div>
    <div style="background:url('http://www.lilaclaneequestrian.com/_uploads/headers/23874_image-4.jpeg') no-repeat left top; height: 550px; background-size: 100%;"></div>
</div>

Upvotes: 0

Views: 2589

Answers (1)

Stuart Kershaw
Stuart Kershaw

Reputation: 17671

Setting some CSS on the divs took care of it: http://jsfiddle.net/6kjA6/5/

#headerRotate { width: 100%; }    
#headerRotate div { width: 100%; }

Upvotes: 2

Related Questions