jQuery левый правый слайдер с исчезновением

Question

Мне нужен какой-то слайдер jQuery. Именно то, что мне нужно: это будет три слайда, при этом слайд 2 будет центрирован на странице при загрузке. Слайд 1 влево и слайд 3 вправо будут видны только частично, так как край контейнера сайта отрежет часть их, плюс я бы хотел, чтобы они исчезли, давая пользователю подсказку, что есть больше содержание. Кто-нибудь знает какие-либо плагины jQuery, которые могли бы сделать это легко? Надеюсь, это имеет смысл ... Я приложил простой набросок того, о чем я говорю. Спасибо всем!

Answer 1

Вы, безусловно, можете добиться этого, внеся некоторые изменения в Basic jQuery Slider ( Полное раскрытие: я разработал этот плагин ).Если вы используете его в режиме «слайд», а затем измените основной контейнер так, чтобы он был немного шире, чем требуется (показав, таким образом, края предыдущего и следующего слайдов), и наложите элемент div с прозрачным градиентом png на каждом конце, чтобы придать блеклостиэффект по краям.

Answer 2

Бесконечная карусель .Проверьте демонстрации.Вы можете намекнуть на предыдущие и следующие изображения и многое другое.

Answer 3

Это довольно просто и может быть легко персонализировано http://oslide.andresbott.com/

Answer 4

Я не могу дать вам готовый плагин, но могу дать вам представление о том, как это можно сделать.

Используйте CSS для затухания на левом и правом ползунках.Поменяйте там классы, когда они не являются основным контентом.Посмотрите скользящие скрипты из одного из вышеперечисленных проектов и создайте их самостоятельно.Чувство создания чего-то самостоятельно - это счастье!

Я бы добавил, чтобы сделать ваш сайт эффективным.Вы, вероятно, должны загрузить содержимое в массив, скажем, 10 или около того, отображать 3 за раз.и когда вы увидели что-то вроде 6 элементов, сделайте AJAX-запрос и снова заполните массив.Таким образом, ваши виджеты будут отлично выглядеть и производительность будет улучшена.:)

Answer 5

Существуют сотни плагинов для слайд-шоу для jQuery, одним примером, который, кажется, соответствует вашим потребностям, будет Smooth Div Scroll . Не использовал этот конкретный плагин, но, вероятно, это было бы что-то вроде этого:

<script type="text/javascript">
    $(window).load(function() {
        $("div#makeMeScrollable").smoothDivScroll({ 
            startAtElementId: "startAtMe", 
            visibleHotSpots: "always"
        });
    });
</script>

Answer 6

То, что вы просите, - это законченная работа, а не ответ на вопрос.

Вы можете разработать это самостоятельно, или вы можете найти готовую галерею jQuery на одном из нескольких сайтов программного обеспечения.Попробуйте http://codecanyon.com, если у вас есть немного теста для проекта (обычно от 10 до 20 долларов).