Как вы делаете круговую карусель с jCarousel и статическим содержимым?

На сайте плагина jCarousel есть пример того, как делать круговую карусель, но она использует динамически созданный контент. Я хотел бы знать, как можно сделать то же самое со статическим контентом.Как вы делаете круговую карусель с jCarousel и статическим содержимым?

Вот круговой пример jCarousel с использованием динамического контента:
http://sorgalla.com/projects/jcarousel/examples/special_circular.html

Кроме того, так как я делаю это для сайта, который будет получать регулярно обновляться, как можно предотвратить предыдущие и следующие кнопки показывать, когда есть только 3 элемента списка?

источник

2009-09-07 Anonymous

Этот пример не использует динамический контент, он использует статический контент. Список изображений, которые он загружает:

var mycarousel_itemList = [ 
    {url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1'}, 
    {url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2'}, 
    {url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3'}, 
    {url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4'}, 
    {url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5'}, 
    {url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6'}, 
    {url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7'}, 
    {url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8'}, 
    {url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9'}, 
    {url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10'} 
];

Что не работает над кодом, указанным на этой странице?

Если вы смущены комментарий:

<!-- The content will be dynamically loaded in here -->

Все это означает, что карусель запускается при загрузке страницы с помощью этого кода:

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     wrap: 'circular', 
     itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback}, 
     itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback} 
    }); 
});

источник

2009-09-07 15:05:37

Я думаю, что я не понимаю, как я могу получить круговую карусель, когда мой контент не динамически загружен. Сайт, который я обновляю, больше похож на простой пример карусели: http://sorgalla.com/projects/jcarousel/examples/static_simple.html Это неупорядоченный список, и каждый элемент списка имеет заголовок, описательный абзац и изображение или два. Простое карусели прекрасно работает, но для жизни я не могу понять, как сделать круговую карусель. – 2009-09-08 02:41:09

Можете ли вы не изменить сайт, чтобы содержимое загружалось, как в примере на странице, которую вы связали? –

hmm ... Я пытался избежать необходимости менять разметку и javascript слишком много. Итак, вы говорите, что круговая карусель возможна только в том случае, если я динамически загружаю контент так, как это сделал пример? – 2009-09-08 20:01:40

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

источник

2010-08-05 14:47:00

@ Обман Jean-Michael: «последний» неверен. Затем это уже не круглая карусель, так как она быстро «прокручивает назад», чтобы вернуться к первому предмету, а не показывать следующий (первый) предмет плавно. – Arcadian

Как вы делаете круговую карусель с jCarousel и статическим содержимым?

ответ

Смежные вопросы