Проблема производительности слайдера?

Question

[Анна Бакурова]

Если применять плагин к одному блоку всё работает гуд, но когда задействованы 2 или более он жутко тормозит. Проявляется это в мерцании блока текста (слайдер 2) на 2 - 3 переходе.
Как работает слайдер.
Всё что работает при данных настройках и в чём может быть проблема так это функции rotator и animSlide
в первом заходе rotator через setTimeout вызывает animSlide там в свою очередь очищает clearTimeout и выполняется анимация смены слайда после чего вызывается снова rotator и так по кругу. Мне кажется проблема заключается в этом но rotator мне нужен для установки флага, так как в слайдере есть настройки типа: при наведении мышки слайдер останавливается. Вот ссылка на проблему. js там один. animSlide строка 73, rotator() 141.

jsfiddle.net/0Lmp1btv/1

Answer 1

[Александр Таратин]

Выкинуть всякие fad-ы и все анимашки от jq
И переписать с использованием ricostacruz.com/jquery.transit
или
greensock.com/gsap

Comments

[Анна Бакурова]

единственный минус: "а кроссбраузерность"? Но Я скорее так и буду делать. Только напишите как решить кроссбраузерность хотя бы до 9

[Александр Таратин]

Анна Бакурова: Анимашки на сайте gsap работают в ie8 (не так плавно, но работают) - вот только он типа бесплатный только для некоммерческих проектов... хотя кто будет вас ловить... У них на сайте раньше была демка со сравнением плавности анимаций различтых твин-движков (сейчас не могу найти) и jq там был аутсайдером.

[Анна Бакурова]

Александр Таратин: если найдёте напишите) Но вообщем логика плагина верная? Спасибо большое за помощь!

[Александр Таратин]

Анна Бакурова: www.greensock.com/js/speed.html

[Анна Бакурова]

Александр Таратин: Я правильно понимаю что css анимации ещё тормазнутее jq?

Answer 2

[Alexander Sydorenko]

Мне кажется, что "проблема производительности" в Вашем примере от того, что Вы используете два слайдера. Попробуйте переверстать таким образом, чтобы текст был внутри li элементов первого слайдера, и мерцание исчезнет. (Правда придется достаточно серьезно поправить стили, зато не придется играться с z-index для active !active)

как то так.. только подстройте и вычитайте код, так как делал что бы понятна была идея

jsfiddle.net/0Lmp1btv/6

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

Comments

[Анна Бакурова]

смотрите просто нужно сделать так чтобы когда менялся текст нужно чтобы изчезал он полностью и появлялся новый а картинка должна пропадать но под ней находится ещё она картинка. Как Вы сделали у меня так и было, но дело в том что слайдеры должны быть с разным эффектом. А для этого же нужно применять к ним разные настройки и Я вот сижу и думаю как сделать. У меня вышло только так test.cuberto.ru/Fyga_landing/index.html но вышло что Я стёрла rotator и половину функциональности слайдера, но перестало мерцать, точнее мерцает, но очень редко. Обидно( Есть идеи?