I am trying to make a image slider along with lightbox effect, i choose
http://www.enova-tech.net/lab/jMyCarousel for the slider
and fancybox for the lightbox effect.
It works fine in firefox, opera but in ie6 the lightbox effect is only for the fist image and the rest are just linking to the images.
Please help me fix this, i will be very thankful...
i am posting the html of the page, i can't figure it myself.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="carousel_css/example2.css" />
<link media=screen href="css/jquery.fancybox.css" type=text/css rel=stylesheet>
<script src="js/jquery-1.3.2.min.js" type=text/javascript></script>
<script src="js/jquery.fancybox-1.2.1.pack.js" type=text/javascript></script>
<script type="text/javascript">
$(document).ready(function() {
$("a#single").fancybox();
});
</script>
<script type="text/javascript" src="../jMyCarousel.js"></script>
<script type="text/javascript">
$(function() {
$(".jMyCarousel").jMyCarousel({
visible: '4',
eltByElt: true,
evtStart: 'mousedown',
evtStop: 'mouseup'
});
});
</script>
</head>
<body>
<br/><br/>
<p>Click on the buttons to animate this one !</p>
<div class="jMyCarousel">
<ul>
<li> <a id=single href=" carousel_img/2/1.jpg"> <img src="carousel_img/2/1.jpg" width="200" height="150"> </a> </li>
<li> <a id=single href="carousel_img/2/2.jpg "> <img src="carousel_img/2/2.jpg" width="200" height="150"></a> </li>
<li> <a id=single href="carousel_img/2/3.jpg " ><img src="carousel_img/2/3.jpg" width="200" height="150"></a> </li>
<li> <a id=single href="carousel_img/2/4.jpg " ><img src="carousel_img/2/4.jpg" width="200" height="150"></a> </li>
<li> <a id=single href=" carousel_img/2/5.jpg" ><img src="carousel_img/2/5.jpg" width="200" height="150"></a> </li>
<li> <a id=single href=" carousel_img/2/6.jpg" ><img src="carousel_img/2/6.jpg" width="200" height="150"></a> </li>
</ul>
</div>
</body>
</html>
Before you post, read our: 
