jCarousel не работает

Question

Я часами колотил по этому вопросу. Я настроил jCarousel почти идентично их «простому» примеру, и я не получаю никакой прокрутки. Если вы установите ширину контейнера выше, вы увидите, что все изображения наложены друг на друга не по горизонтали, а по вертикали, но UL принимает правильный «горизонтальный» класс.

Помощь!

http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/

Answer 1

Я решил эту проблему. У меня был установлен UL для отображения: нет; и затем скрипт, устанавливающий его так, чтобы он отображался после загрузки карусели, чтобы предотвратить неуклюжую вспышку нестандартного содержимого. По-видимому, это дало jCarousel некоторые проблемы с вычислением ширины элементов, поскольку список не отображался. Спасибо всем.

Answer 2

Спасибо, ребята ... это сработало для меня

  jQuery(document).ready(function() {
            $('#<%=myImagecarousel.ClientID%>').jcarousel();
            $('#<%=myImagecarousel.ClientID%>').removeAttr('style');
            $('#<%=myImagecarousel.ClientID%>').show();
        });

Answer 3

У меня возникла проблема с скрытым флеш-накопителем во время загрузки страницы с помощью этого плагина. Самым простым исправлением для меня было применение значения видимости css: скрытого для элемента <ul>, а затем удаление этого значения css после загрузки jCarousel. Применение видимости: скрытое, а не отображаемое: ни один не позволял вычислять правильную ширину <li> элементов с помощью плагина jCarousel.

Answer 4

Вы уверены, что ваша декларация jcarousel вызывается?

Я вижу, вы заявляете, используя это:

(function($) {
 $(function() {
 $('#carousel').jcarousel();
 $('#carousel').show();
 });
})(jQuery)

Попробуйте убрать внутреннюю функцию, чтобы она выглядела так:

(function($) {
 $('#carousel').jcarousel();
 $('#carousel').show();
})(jQuery)

Причина, по которой я это говорю, заключается в том, что если я вызываю $ ('# carousel'). Jcarousel () в firebug, он работает правильно.

Answer 5

У вас есть ul с идентификатором "carousel", который имеет встроенный стиль с шириной: 110px.
Попробуйте удалить это объявление ширины или увеличить его.

Answer 6

Ул, содержащий все, установлен слишком узко. Разверните его или попробуйте полностью удалить ширину.