Помоги разобраться с *.png

Тема в разделе "Веб-дизайн", создана пользователем dimanger2, 8 янв 2011.

Модераторы: zek24
  1. dimanger2

    dimanger2 Создатель

    Регистр.:
    15 апр 2008
    Сообщения:
    22
    Симпатии:
    4
    Не как не могу понять, как он работает ?
    В одной файлике может умещаться до не сколько картинок, при наведении мышки на такую ратнику она принимает видной второго изображения в ней же.
    Как создавать png и как с ним правильно работать ?
     
  2. RedRabbit

    RedRabbit

    Регистр.:
    11 июл 2008
    Сообщения:
    606
    Симпатии:
    250
    Че то в первый раз про такое слышу:) Может покажешь пример?
    Может быть так. Создается картинка, предположим с верхом одним цветом, низом другим. Загоняется в див. А уже в css ставится, что показывать при наведении низ или верх. Картинка, то вся, но она просто не видна из-за дива. Наверно так.
     
  3. Phrack

    Phrack

    Регистр.:
    3 ноя 2010
    Сообщения:
    264
    Симпатии:
    38
    судя по описанию ты на сайте наткнулся на css sprite

    http://css-tricks.com/css-sprites/
     
  4. WhisperingEchoes

    WhisperingEchoes Создатель

    Регистр.:
    9 апр 2008
    Сообщения:
    23
    Симпатии:
    6
    также может в самом теге <img стоит onmouseover="this.src='new.png'" > если картинка там не спрайтовая. В самом пнг никакой анимации что при наведении появляется другая картинка быть не может, или скрипты или css.
     
  5. mittus

    mittus Создатель

    Регистр.:
    12 июл 2009
    Сообщения:
    72
    Симпатии:
    11
    скорее всего на javascript событие, которое обрабатывается при наведении на объект. скиньте пример того, что вам нужно и я скажу, как это реализовано )
     
  6. Sokol777

    Sokol777 Постоялец

    Регистр.:
    10 янв 2008
    Сообщения:
    57
    Симпатии:
    6
    На самом деле если очень очень внимательно почитать стандарт png то можно понять. Анимацию изображения он не поддерживает. И вообще лучше прикладывать ссылку к сообщению
     
  7. LodeRunner

    LodeRunner

    Регистр.:
    10 фев 2010
    Сообщения:
    220
    Симпатии:
    12
    Да обычный ccs спрайт это был(для кнопок к примеру), такое в css делается за минуту. В фотошопе создаешь много картинок в одной, а в css уже задаешь размеры кнопки и нужное смещение основной картинки, чтобы по координатам подставить правильно. Это не с только с png можно делать, а вообще со всеми форматами изображений.
     
  8. mc-mix

    mc-mix Постоялец

    Регистр.:
    16 янв 2011
    Сообщения:
    80
    Симпатии:
    14
    Можно во флеше сделать, или в CSS)) Правда флеш весит больше и на мобильных устройствах отображаться не будет, так что лучше CSS
     
  9. AlikZP

    AlikZP Создатель

    Регистр.:
    31 май 2009
    Сообщения:
    14
    Симпатии:
    3
    Вот, расписана работа со спрайтами. Никаких js, только css
    http://cssmake.ru/component/content/article/7/111.html
     
  10. ИрИваныч

    ИрИваныч Создатель

    Регистр.:
    17 май 2010
    Сообщения:
    17
    Симпатии:
    0
    Вообще новичкам в спрайты не советую соваться, сначала лучше в цсс разобраться толком