I am trying to use the JQuery Slider from http://www.malsup.com/jquery/cycle/
....
When i run this page in IE, the images dont load so It only has the
first picture in the slide show for each example.
When i tried to make a simple example it did the same thing in IE7
Everything works in Firefox, both the actual page and my simple
example. Has anyone experienced this ?
Heres my simple example just to make sure ididnt foul something up...
but the i dont think i did since the actual website does the same
thing.
The only thing i could think maybe is a browser setting ?
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css.css" /
>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(function() {
// run the code in the markup!
$('#s1').cycle('fade');
$('#s2').cycle({
fx: 'scrollDown'
});
});
</script>
<style>
.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>
<table cellspacing="20"><tr><td>
<div id="s1" class="pics">
<img src="1.jpg" width="200" height="200" />
<img src="2.png" width="200" height="200" />
<img src="3.png" width="200" height="200" />
</div>
</td><td>
<div id="s2" class="pics">
<img src="1.jpg" width="200" height="200" />
<img src="2.png" width="200" height="200" />
<img src="3.png" width="200" height="200" />
</div>
</td></tr>
</table>
</body>
</html>
Thanks!!!!
