Комментарии на: Спрайты в вебе. Часть 1

От: ES

ES — Sun, 23 May 2010 11:19:03 +0000

Ура! Сделал. Правда без ховера… не осилил я его.

От: ES

ES — Thu, 20 May 2010 12:21:56 +0000

Спасибо.

Поменял. Теперь кнопку нажимать не надо, а достаточно курсором “притронуться” к ней. В общем с кривыми руками и абсолютным незнанием JS, проблема решаться - не решается…

А примерчик очень полезный не только в вышеперечисленных видах, а ещё и тем что полноценная анимация переезжает из содержимого в представление, где конечно же и место всем анимированным кнопкам и тому подобному. Таким образом можно менять не только бэкграунды и прочие стили, а и анимацию на сайте, совершенно не затрагивая содержимое. Круть!

Серёжа, насколько я понял, в указанном вами файле инициализируются параметры анимированных спрайтов: высота, ширина всей картинки спрайта, “направление” анимации (указываются ручками), действие вызывающее скрипт анимации (который побороть мне не удалось: хотелось на слоника наводить, а получилось на кнопку) и скорость “живости” объекта, которая задаётся посредством другого скрипта (на фронте - ползунком).

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

Навёл на слоника - побежал. Отвёл от слоника - замер. Спасибо.

От: Сергей Чикуенок

Сергей Чикуенок — Thu, 20 May 2010 07:54:29 +0000

Посмотрите файл prites-article.js, там на строке 15 есть запуск анимации по нажатию на кнопку. Просто переделайте на hover()

От: ES

ES — Wed, 19 May 2010 13:55:44 +0000

Всё… мой мозг лопнул.

Серёжа, объясните пожалуйста, как сделать так, что-бы слон оживал при наведении мышки, а отмирал при её уборе?

От: Сергей Чикуенок

Сергей Чикуенок — Wed, 14 Apr 2010 10:07:05 +0000

Inqy, нельзя. SVG может маскировать только изображения, для HTML можно попробовать применить фильтры, но сомневаюсь, что результат вас устроит.

От: Сергей Чикуенок

Сергей Чикуенок — Wed, 31 Mar 2010 10:37:36 +0000

Пока нельзя. Я думаю, как можно решить эту проблему

От: Inqy

Inqy — Wed, 31 Mar 2010 10:33:53 +0000

Здравствуйте, Сергей. На гуглокоде вас спросили насчёт иктинуса:
“Comment by goncharenko.roman, Aug 21, 2009
Вопрос - можно ли применять не только на картинках но и на ?”
Меня этот вопрос также интересует.

От: FXIX

FXIX — Fri, 08 Jan 2010 13:41:06 +0000

Сергей, в Safari 3.0.3 ваш пример с циклическими спрайтами не работает

От: h4mpy

h4mpy — Thu, 12 Nov 2009 14:55:03 +0000

Вопрос от новичка в JS.
Можно ли в контроллере ограничить кол-во кадров для анимации?
Допустим, при клике пролистывать только 5 кадров вперед, при повторном клике - еще 5. И тп.

пс. спасибо, замечательный контроллер

От: egorinsk

egorinsk — Fri, 25 Sep 2009 02:32:12 +0000

Блин, отвечаю в старый тред, но все же напишу.

> И что касается уменьшения запросов к серверу — помогают правильные HTTP-заголовки на картинках, иначе браузеры на кадой странице будут посылать запросы только чтобы получить в ответ 304.

> Vladimir Sobolev 17 июня 2009
> egorinsk: на тему правильных заголовков не расскажите?

Я имел в виду, что для статики принято выставлять HTTP-заголовки Last-Modified и Expires, первый — чтобы браузер мог не скачивать заново картинку, если она не изменилась, при обновлении страницы, второй — чтобы браузер *вообще* не посылал запросов, пока картинка не изменится. Поясняю. Если вы не отдаете заголовок Expires, большинство браузеров при каждом открытии страницы поылают запрос на скачивание всех картинок с этой страницы (даже если эта картинка и так лежит в кеше браузера, он хочет проверить что она не изменилась), пусть веб-сервер и отвечает на них «304 Not Modified», все равно запросы делаются, загрузка замедляется (т.к. число одновременных запросов ограничено).

Соотвественно, выставляя эти заголовки, мы сообщаем браузеру, что картинка в ближайшие пару недель (месяцев, лет) не изменится, и экономим пару десятков запросов на каждом обращении к странице сайта

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

Подробнее, как все это делается, ищите где-то на сайте webo.in в статьях

Ах да, не используйте для картинок имена с параметрами (image.png?121212) как советуют некоторые ,такие картинки браузер может отказаться кешировать.