[jQuery] JQuery Cycle Plugin Problems with IE7

[jQuery] JQuery Cycle Plugin Problems with IE7


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 from http://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>