Здравствуйте, есть задача, которую сам решить не в силах. Пытался справиться при помощи консультантов здесь на форуме, но понял что вопрос серьезнее чем думал, а так как в безвозмездных рамках это будет тянуться долго - решил что проще отдать профессионалу за деньги...
Вот
моя тема в начале которой суть вопроса. (Решение не обязательно должно быть только по той схеме что там, главное чтоб выполняло ту же задачу)
На всякий случай опишу ситуацию еще раз (с некоторыми отличиями от того что в теме):
- есть 4 набора картинок, в каждом по 3 картинки.
- на странице отображается всегда только один набор, остальные 3 скрыты
- есть отдельная панель с 4 элементами, эти 4 элемента "ассоциированы" с 4 наборами, клик по каждому
элементу отображает соответствующий ему набор (остальные наборы скрываются),т.е. клик по 1 элем. отображает 1 набор, по 2 эл. -2 набор и т.д...
- картинки в наборе расположены стопкой (одна на другой) и бесконечно тасуются (поочередно) z-index'ом, т.е. всегда видна только одна картинка (с бОльшим индексом)
- при загрузке document автоматически анимируется (тасуется) первый набор (остальные по клику)
- у скрытых наборов анимация остановлена, т.е. клик запускает анимацию у нового набора и останавливает у старого и т.д.... (клик по уже активному набору запускает его анимацию заново )
- анимации всегда запускаются с начала (после их остановки)
Вот собсно вся суть...
Пожелания:
- оставить возможность для добавления к анимации индекса новых анимаций (opacity, left) (обязательно!)
- наборы будет проще если расположить списком (каждому свой <li>)
- анимацию предпочтительнее запускать через
setInterval, тормозить через
clearInterval
P.S. Сколько будет стоить решение такой задачи?
P.P.S. Возни вроде должно быть не много, потому просьба - ценой не убивать! Спасибо!
P.P.P.S. Не кину!!! Без ГМО!!!