jQuery карусель

Question

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

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

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

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

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

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

Answer 1

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

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
        });

Answer 2

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