I am having the exact same issue. On firefox and safari the cycle woks fine. In ie7 the images are displayed beneath each other.
I hope someone will reply :) Cheers, Robert On 8 jun, 14:00, buschii <mailsvomha...@web.de> wrote: > Hi folks, > > I am new here and I seached vor problems with IE7 and JQuery Cycle > Plugin but haven't found anything helpful for me. > > My problem: I almost copied the demo skript > fromhttp://malsup.com/jquery/cycle/ > and changed it to my local folders using Dreamweaver (not laughing, I > am not a professional programmer). > In Dreamweaver live-view it works perfekt. So it does in Mozilla and > Opera. But not in IE. > There I can just see my 3 test-pictures beneath each other but no > funktionality. > > Has anyone an idea? > > Karsten > > P.S. my code: > > <script type="text/javascript" src="jquery.js"></script> /*latest > version*/ > <script type="text/javascript" src="jquery.cycle.lite.js"></script> / > *I also tried jquery.cycle.all.js*/ > <script type="text/javascript"> > > $(function() { > $('#slideshow1').cycle({ > timeout: 4000, // milliseconds between slide transitions (0 > to disable auto advance) > speed: 1000, // speed of the transition (any valid fx > speed value) > next: null, // id of element to use as click trigger for > next slide > prev: null, // id of element to use as click trigger for > previous slide > before: null, // transition callback (scope set to element > to be shown) > after: null, // transition callback (scope set to element > that was shown) > height: 'auto', // container height > sync: 1, // true if in/out transitions should occur > simultaneously > fit: 0, // force slides to fit container > pause: 0, // true to enable "pause on hover" > delay: 0, // additional delay (in ms) for first > transition (hint: can be negative) > slideExpr: null, // expression for selecting slides (if > something other than all children is required)}); > }); > > </script> > > <style type="text/css"> > .pics { > height: 232px; > width: 232px; > padding: 0; > margin: 0;} > > .pics img { > padding: 15px; > border: 1px solid #ccc; > background-color: #eee; > width: 200px; > height: 200px; > top: 0; > left: 0 > > } > > </style> > </head> > <body> > > <div id="slideshow1" class="pics"> > <img src="bild_1.jpg" width="200" height="200" /> > <img src="bild_2.jpg" width="200" height="200" /> > <img src="bild_3.jpg" width="200" height="200" /> > </div> > > </body>
