карусель jquery

как и многие другие люди, я ищу карусель для своей домашней страницы. Я уже посмотрел рынок.

Моим любимым было бы сочетание нескольких существующих. И, если возможно, он должен быть основан на jQuery, так как я уже использую его. Однако некоторые хорошие карусели основаны на mootools.

Итак, что мне нравится? noobSlide — это хорошо. Идеальным был бы микс из 6 и 7: 6 имеет более крупную картинку с некоторым наложением и связью. 7 имеет параллельное расположение изображений. Проблема: у меня> 50, а не 8, поэтому мне нужен какой-то ползунок. SmoothGallery имеет удобный слайдер (после нажатия на картинку).

Итак, с требованиями

  • увеличенное изображение с наложением (информация + ссылка(и))
  • горизонтальный слайдер с прокруткой
  • Если можно, jQuery

Куда бы вы меня отправили? Какой классный компонент/библиотеку я пропустил?


slider carousel jquery
person Sparhawk    schedule 03.07.2010    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Если вам нравится карусель на этой странице:

http://www.adventure-service.com/

Я использую этот плагин:

http://thomlx.free.fr/jquery/jquery_carousel.htm

Просто включите этот файл javascript, поместите html следующим образом:

                    <div id='banner_container'>
                        <ul>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                        </ul>
                    </div>

Вызовите эту функцию:

        $('#banner_container').carousel();

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

        $('#banner_container').carousel({
            autoSlide: true, 
            autoSlideInterval: 4000,
            pagination: true
        });
person Gavrisimo    schedule 03.07.2010
comment
Я попробовал ваше решение выше, но оно не работает. В карусель загружается только первое изображение, но я нажимаю кнопку «Далее», изображение не проскальзывает. Почему это так? Пожалуйста, помогите. - person Nazim Zeeshan; 17.01.2011

arrow_upward
0
arrow_downward

Если вы хотите, чтобы он был полностью доступен с клавиатуры, попробуйте KATC.

person xenith    schedule 30.10.2011