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…
/* 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();
});