Как сделать динамический слайдер изображений (на примере Кинопоиска)?

Question

[Евгений Конкин]

Здравствуйте!
Хочу сделать слайдер изображений на примере Кинопоиска, скрин ниже.



Слайдер периодически меняет картинки в каждом квадрате, картинок может быть от 10 до нескольких тысяч. Вопрос в том, как делается запрос? Единственное что мне приходит в голову, это то что через определенное время (например: 3 сек.) делается ajax запрос, НО не грузит ли это сервер? Подскажите, может есть еще какие-то идеи, как реализовать такой слайдер?
Спасибо)

Comments

[heartdevil]

Привет.
А можете ссылку точную дать?

[Евгений Конкин]

heartdevil: ссылка -это профиль кинопоиска, т.е. надо регистрировать на кинопоиске

[heartdevil]

Евгений Конкин: Ясно. Отмечу только, что слайдер из 1000+ нельзя делать. Смысла мало в нем. Всегда есть тематика, которая ограничивает набор. Вам надо найти такую тематику. К примеру, фильмы за последние 6 месяцев. Или 3 месяца. В любом случае должен быть цикл. Иначе это не слайдер. А вы представляете себе слайдер из 1000 картинок? Пользователь просто устанет их все просматривать, или же искать нужный (если есть ручное переключение). Да 100 картинок уже напряжно переключать)). По аяксу, к примеру, вот у вас есть 100 картинок для слайдера. Вы просто можете сразу все подгрузить в фоне. Либо при каждом аякс запросе кешировать картинки. Как только они все подгрузятся, то аякс уже не будет работать.

[Евгений Конкин]

heartdevil: Понял. Да на самом деле, вы правы! Наверное буду просто брать 100 картинок. Спасибо)

Answer 1

[Bogdan Odarchenko]

Привет. все очень просто.
Используй массив с списком картинок и просто выбирай рендомную позицию и рендомную запись.

Comments

[Евгений Конкин]

Массив со списком в 10000 картинок (к примеру) это нормально? Просто не сталкивался с таким)

Answer 2

[BATPYIIIKOB]

Выполнить первоначальную загрузку изображений в массив-хранилище и выгрузить во view, далее после отображения выполнить Ajax запрос и заполнить буфферный массив. Через промежуток времени (допустим 3 сек) передать буфферный массив во view а также добавить значения в массив-хранилище.
Тем самым значения будут подгружаться незаметно для пользователя и частично накапливаться в массиве-хранилище для дальнейшего циклического (возможно рандомного использования) не выполняя лишний раз запрос на выборку к серверу.

Comments

[Евгений Конкин]

Спасибо

Answer 3

[Вячеслав Овчинников]

Как вариант, можно во view сразу отдавать несколько больше (или много больше) изображений, чем помещается в слайдер, и крутить их по кругу. При следующей загрузке страницы отдавать другие случайные изображения.
В результате эффект будет тот же, но без ajax запросов.