...

View Full Version : jQuery IE6 problem, lightbox effect only for the first image.. newbie please help



uptonormal
09-28-2009, 03:21 PM
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.


<!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>

abduraooft
09-28-2009, 04:16 PM
Could you please post a link to your page?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum