По какому принципу работают галереи и карусели Jquery?

Question

[Вячеслав]

Я недавно начал изучать js и jquery. Хочу попробовать написать свой мини-плагин "Карусель". Смотрел как работает Royal slider, fredcel carousel и не могу понять как и где они картинки хранят. Просто там столько анимаций и эффектов и все быстро работает и не тормозит. Там картинки в обьектах лежат после инициализации? Как их потом доставать обратно если например картинки разбиты на категории, и у каждой категории свой уникальный класс и нужно только определенную категорию вернуть в карусель? Как вставить обратно в DOM картинки с обьекта?
Извините за тупые вопросы, думаю для вас это просто будет.

Answer 1

[twixoff]

Для начала сделайте простое - саму карусель без эффектов. А потом уже к сложному переходите.

Comments

[Вячеслав]

Я так и планирую делать. Но если в карусели 10 фотографий, а на мониторе максимум 3 видно, как тогда скрывать фотографии? Не делать же их display:none;

[twixoff]

Например так jsfiddle.net/Yw5xL

[Вячеслав]

@twixoff insertAfter() переставляет картинки в DOM. Как тогда сделать insertAfter() с анимацией?

[twixoff]

Моежет использовать animation(), либо добавлять классы с анимацией, либо двигать блок со слайдами относительно внешнего блока. Тут вобще много путей. Попробуйте разобрать какую-нибудь карусель, сам код.

[Ольга Стогова]

@slavik_210 они просто должны быть в контейнере с overflow: hidden; тогда они будут dislpay, но непоказанными