Анимированный фон средствами jQuery или «Эй, а ведь круто! Как Flash!»

[kurokikaze]

Разметка прЕдельно проста и понятна.

[frujo]

Прошу прощения. Испытал стыд и исправил.

[Adamska]

Любопытно. Спасибо.

[satas]

Последний пример просто улет!

[unnamed777]

$(this).stop()

Помимо самой статьи отдельная Вам благодарность(в карму:-)) за вышепроцитированное — не знаю почему, но я эту функцию увидел в мануале только сейчас, а не два дня назад, когда тщетно пытался своими методами остановить анимацию jquery:-)

[zaynutdinoff]

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

Спасибо автору.

[ilyas]

офигенно

[GreenFest]

классно очень…

[DarkPhoenix]

Очень круто. Буду использовать обязательно.

[fuzzy]

Вах, красиво, спасибо :)
Будет интересно применить где-нибудь такие эффекты.

[Romati]

Очень классно! Мне понравилось.

[exah]

То, что я хотел сделать!!! Спасибо!

[Warlock2]

Это ваше право :)
А, и вопрос: что корявого в jQuery?
и замечание: swf весит не меньше чем jQuery.

[d1Mm]

> swf весит не меньше чем jQuery.
ну это смотря как писать
подобная штука на flash занимала бы несколько сотен байт, что явно меньше картинок и задействованного JS / CSS кода, не считая размера самой библиотеки

против jquery ничего не имею, сам использую – незаменимая вещь для быстрой кроссбраузерной смены картинок, прозрачности, drag’n’drop и пр., но использовать ее для сложной анимации – это уже извращение

[yuretsz]

Потому что при этом сохраняется семантика, гибкость удобство и простота

Исходный код, которого касается программер остается
<ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul>

[yuretsz]

Не туда ответил :(

[yuretsz]

Потому что при этом сохраняется семантика, гибкость удобство и простота

Исходный код, которого касается программер остается

<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Contact</a></li>
</ul>

[k_s]

Посмотрел — красиво, поставил на сайт — не очень, убрал :)

[freehome]

jquery рулит, да

[GinToniC]

Спасибо, отличная штука. Поставлю в избранное, точно пригодится.

[onznaet]

хм… а ведь намного круче, чем использование jQuery Color Animations

[DarkPhoenix]

Кто-то с минусометом прошелся по комментам :)

[ainu]

А потом с плюсомётом…

[Pilat]

Красиво получилось, а главное — при отключенном JS всё равно нормально выглядит.

[deltafix]

Все очень элегантно и просто. спасибо!

[AthirnEleidan]

Все. Это последняя капля. Больше не могу быть отстраненным созерцателем. Буду разбираться в jQuery. Автору — большое спасибо за изящный пример :) Вам — плюс в карму :)

[gibson]

чем то напоминает tablecloth хотя может и ошибаюсь

[frujo]

Tablecloth чуть более замудренный трюк на мой взгляд. В плане скриптинга. Хотя конечным результатом (простым кодом разметки и достигаемым конечным визуальным эффектом) эти два метода схожи.

[XAMelleOH]

Были уже заметки на хабре по этому поводу. И с бекграундом, который ездит, и даже с ссылками на те же ресурсы.

З. Ы. Юзайте поиск.

[Sef4eg]

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

[Sef4eg]

<--[if IE]>
<script type=«text/javascript»>
document.execCommand(«BackgroundImageCache»,false,true);
</script>
<--[endif]>

[ofigenn]

Хе хе)
snook.ca/archives/javascript/jquery-bg-image-animations/

[frujo]

И, пардон, что?

[ofigenn]

Все правильно сделал.