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

Reply via email to