I'm trying to get jQuery to hide jCarousel images while they load using the following code. It actually worked at one point but refuses to now (which makes me think it's a minor syntax issue). '#carousel' is the containing ul element. You can see I've tried it a few different ways. No errors appeared in Chrome's debugging console. "show('slow')" doesn't work either...


Code:
      /* Hide jCarousel 
         */ 
//        $('.jcarousel-container').css('visibility', 'hidden');   
//        $('#carousel').css('visibility', 'hidden'); 
          $('#carousel').hide();    

        $(window).load(function() 
        { 
                $('#jcarousel-loading').hide(); 
//                $('.jcarousel-container').css('visibility', 'visible'); 
//                $('#carousel').css('visibility', 'visible'); 
                $('#carousel').show('slow'); 
        }); 

       /* Show jCarousel 
         */
$(document).ready(function() 
{ 
        $('#carousel').jcarousel({ 
        });

        $("a.fancypopbox").fancybox();

});