Jquery.Cycle and IE7 including next Div

Posted by Aklobem on Stack Overflow See other posts from Stack Overflow or by Aklobem
Published on 2010-03-08T10:46:39Z Indexed on 2010/03/08 10:51 UTC
Read the original article Hit count: 548

Filed under:
|

Hi All,

I'd really appreciate if someone could help me with a strange problem with Jquery.cycle.

I've added jquery.cycle (verson 2.72) into a existing application (Prestashop) to slideshow a number of images. On Firefox, Mozilla etc it works brilliantly - on IE7 a bizarre problem occurs.

The problem is where I have a and say 6 pictures a couple of
to break things up then another content and IE includes the "editorial" into the slideshow. The "editorial" block is removed from the page, and appears as the last slide in the slideshow, located in the top left corner.

Additional facts: jquery-1.2.6 is in use for the rest of the application (I've tried to upgrade it and all I get is the same behaviour with lots of other things breaking). I've tried jquery.cycle.lite - same behaviour.

css: root { display: block; }

.pics { height: 432px; width: 432px; padding: 0; margin: 0; }

.pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; width: 400px; height: 400px; top: 0; left: 0 } div.pics { margin-left: auto; margin-right: auto; }

snippet:

$(document).ready(function() { $('.pics').cycle({ fx: 'fade', pause: 100, cleartype: 1 }); }); img source img source img source img source

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about ie7