[jQuery] jCarousel Lite and IE6/7
Hi all,
I'm having problems getting jCarousel Lite working in IE6 & 7
http://www.gmarwaha.com/jquery/jcarousellite/
Firefox works fine, but the unordered list does not get any styling
applied in IE
There are several recent posts to the issues blog for the author that
mention similar IE issues, but they have not had responses in the last
month.
http://gmarwaha.com/blog/?p=6
Has anyone else had issues with IE and found a fix? My markup is
below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script type="text/javascript" src="http://gmarwaha.com/js/lib/
lib.min.js"></script>
<script type="text/javascript" src="http://gmarwaha.com/jquery/
jcarousellite/js/jquery.jcarousellite.min.js"></script>
<script type="application/javascript">
$(document).ready(function() {
$(".jite").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible : 6,
scroll: 3
});
});
</script>
</head>
<body>
<div> <a href="#" class="prev">previous</a>
<div class="jite">
<ul>
<li><a href="#4"><img src="images/item8.gif" alt=" " width="100"
height="100" /></a></li>
<li><a href="#5"><img src="images/item7.gif" alt=" " width="100"
height="100" /></a></li>
<li><a href="#6"><img src="images/item6.gif" alt=" " width="100"
height="100" /></a></li>
<li><a href="#7"><img src="images/item5.gif" alt=" " width="100"
height="100" /></a></li>
<li><a href="#8"><img src="images/item4.gif" alt=" " width="100"
height="100" /></a></li>
<li><a href="#9"><img src="images/item3.gif" alt=" " width="100"
height="100" /></a></li>
<li><a href="#0"><img src="images/item2.gif" alt=" " width="100"
height="100" /></a></li>
<li><a href="#-"><img src="images/item1.gif" alt=" " width="100"
height="100" /></a></li>
</ul>
</div>
<a href="#" class="next">next</a> </div>
</body>
</html>
Thanks in advance!
Regards
Sean