Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Explode эффект как реализован? (https://javascript.ru/forum/jquery/9312-explode-ehffekt-kak-realizovan.html)

mycoding 10.05.2010 14:48

Explode эффект как реализован?
 
Пробовал понять как такое реализовать и не могу придумать.
А в коде JQuery не понятно.

subzey 10.05.2010 15:07

Ух, е-мое, какой же он кривой!

Судя по всему, замеряется высота дива, затем рядом с ним создается еще 8, и в них клонируется содержимое дива. Все девять дивов задаются шириной и высотой в треть исходного, им устанавливается position: relative и overflow: hidden. Содержимое всех девяти дивов обвертывается в еще один див (каждый), с position: absolute, и каждый смещается на нужное расстояние. После чего анимируется положение и прозрачность каждого из дивов-кусков.

…а кривой потому что если внутри использовать, скажем, параграф с верхним полем, то он сильно скачет при начале анимации. Да и обычные для jQ странности с началом анимации до того, как закончится предыдущая.


Часовой пояс GMT +3, время: 00:15.