jCarousel + jQuery Accordion + fadeIn

Question

Пожалуйста, проверьте эту ссылку www.aboud-creative.com/demos/mckinley3. Там у меня есть аккордеон jQuery с jCarousel внутри раздела «Разработки». Я использую стандартную функцию fadeIn для логотипа, аккордеона и оленя в правом нижнем углу, чтобы исчезнуть при загрузке страницы. Итак, когда вы переходите в раздел «Разработки», вы увидите, что на нем нет изображений. Это моя проблема. Когда я не использую функцию fadeIn так, чтобы все элементы отображались сразу при загрузке страницы, она работает нормально, но как только я делаю отображение аккордеона: ни один в таблице стилей, а затем покажу его с помощью fadeIn, проблема возникает. Что я могу сделать по этому поводу?

Answer 1

Если карусель скрыта во время инициализации, у jCarousel есть проблемы с выполнением необходимых вычислений. Решение состоит в том, чтобы инициализировать jCarousel после отображения контейнера.

Что-то вроде этого:

$('container_selector').fadeIn(function() { 
    var c = $('carousel_selector'); 
    if (!c.data('jcarousel')) { 
     c.jcarousel({ ... options .. }); 
    } 
});