jquery images slider, как ?

[Удален]
703

Здравствуйте. Хочу организовать слайдер картинок.

Характеристика:

Размер слайдера в длину не известен, зато известно количество картинок в нем, ширина известна 70px;

Нужна полоса прокрутки, от начала и к концу всего слайдера, в какую сторону копать, какие есть готовые варианты ?

Не нужно больше ничего, при нажатии не должно ничего происходить, просто слайдер.

Всем спасибо.

Пример в вложн.(схематично).

png slider.png
H
На сайте с 13.06.2011
Offline
9
#1

jcarousel, jcarousellite приходят в голову в первую очередь) А вообще, как практика показывает, большинство плагинов всеравно приходится допиливать под свои нужды, редкие случаи когда ничего не приходится доделывать

Слово не воробей. Все не воробей, кроме воробья!
Cuck
На сайте с 02.06.2011
Offline
110
#2

neotach,http://www.zvirec.com/view_post.php?id=66 посмотрите сдесь. Так же есть SexySlider, является JQuery плагин, под JavaScript.

D
На сайте с 29.06.2011
Offline
2
#3

PrettyPhoto очень даже неплохой и многофункциональный плагин.

[Удален]
#4

Какой же это слайдер, если у него полоса прокрутки? Это обычный overflow-x. Вот посмотрите, отличная штука. Гибко и просто настраивается. Делал на нём слайдеры и очень доволен.

[Удален]
#5
Freon:
Какой же это слайдер, если у него полоса прокрутки? Это обычный overflow-x. Вот посмотрите, отличная штука. Гибко и просто настраивается. Делал на нём слайдеры и очень доволен.

Да, вариант конечно, но опять проблема.

Не получается выстроить все в 1 ряд(картинки), хотя width блока не задан, как это можно реализовать float - не помогает, все равно съезжает на новую строку.

Подскажите как это называется эта технология способ, хз как это описать но наглядный пример, гугл картинки, не грузит все картинка, а только на все страницу и догружает только когда мы скролимя(мотаем) вниз, так как вконтакте, спасибо!

[Удален]
#6

Потому картинка и съезжает вниз, что width блока не задан. Чтобы работало, делается очень широкий блок с фиксированной шириной, способный вместить много картинок (все, которые есть, и которые, может быть, динамически подгрузятся), и помещается в блок меньшего размера (видимую область слайдера). Видимая область, соответственно, имеет также фиксированную ширину и нужные настройки overflow-x. В этом случае она либо отображает полосу прокрутки, либо средствами javascript и различных библиотек типа jQuery, MooTools без всякой полосы прокрутки пролистывает внутренний большой блок внутри себя, показывая только ту его часть, которая помещается в её ширину. Это один вариант. То, что в Гугл-картинках - это по сути просто изображения, которые динамически подгружаются по мере скроллинга. Ну, тоже, конечно, в каком-то смысле слайдер, да.

F
На сайте с 18.02.2010
Offline
10
#7
neotach:
Да, вариант конечно, но опять проблема.
Не получается выстроить все в 1 ряд(картинки), хотя width блока не задан, как это можно реализовать float - не помогает, все равно съезжает на новую строку.

не изобретай колесо, возьми jcarousellite

[Удален]
#8

В том то и дело что неизвестно какая должна быть ширина (width), нужен скроллер горизонтальный под картинками и типа навигация, вперед назад на N элементов.

И еще хотелось бы не грузить все сразу например 1000 штук, а по мере скроллинга до конца страницы, как это реализовано в гугле, вконтакте, эффективно.

Кажется про второй вопрос нашел, это "lazy load", а вот первый актуально.

[Удален]
#9
В том то и дело что неизвестно какая должна быть ширина (width), нужен скроллер горизонтальный под картинками и типа навигация, вперед назад на N элементов.

Дело совсем не в этом, а в том, что Вы невнимательно читаете и не слишком охотно думаете. Вам уже только в этой ветке дали 5-6 примеров готовых решений, которые покрывают всё, что Вы называете. Пока Ваше описание не тянет на слайдер - это обычный контейнер со скроллингом, и кнопками для скроллинга на N элементов вперёд/назад. В этой ветке уже предостаточно информации, чтобы сделать полноценный слайдер какого угодно типа, если Вы знаете javascript и jQuery. А если нет, то Вам в любом случае в раздел работа для вебмастера.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий