Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE6 problem, lightbox effect only for the first image.. newbie please help

    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>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Could you please post a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •