Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как получить часть картинки / 7 сообщений из 7, страница 1 из 1
11.03.2013, 16:42
    #38180116
Mixon
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как получить часть картинки
Приветствую ВСЕХ!
подскажите ка с помощью CSS, можно получить часть изоображения.
к примеру есть картинка 100х100 берем кусок 100х20.

необходимо собрать интерфейс с кнопками, уже надоело для каждой кнопки плодить по 2-3 файла,
а так поместил все в один файл и работать удобно и если что отредектировать не долго.

С уважением Михаил.

ЗЫ спрашиваю так как видел данную реализацию на авто.маил.ру но так и не понял как они получили
картинку для кнопки "Войти".
...
Рейтинг: 0 / 0
11.03.2013, 16:44
    #38180120
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как получить часть картинки
гугл -> CSS Sprites
...
Рейтинг: 0 / 0
11.03.2013, 16:56
    #38180141
Mixon
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как получить часть картинки
благодарствую!
...
Рейтинг: 0 / 0
11.03.2013, 21:56
    #38180492
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как получить часть картинки
Mixon,

также рисунок можно разбить на области используя в <img> атрибут usemap в паре с тегом <area>
Области могут быть прямоугольными, круглыми/овальными, многоугольниками.
Пример 1
Пример 2
...
Рейтинг: 0 / 0
12.12.2013, 12:57
    #38498347
user7320
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как получить часть картинки
Спрайты херят на корню всё ленивое выполнение и отложенную загрузку, если вам это дорого. Юзер может ни разу не нажать другие кнопки, а весь атлас спрайтов мы ему загрузим, ага. Т. е. даже если показать надо только кусочек картинки, но загрузить надо всю картинку.
...
Рейтинг: 0 / 0
12.12.2013, 13:00
    #38498362
user7320
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как получить часть картинки
Не, я не против спрайтов - они полезны. Но вот это свойство их - загрузить весь атлас, чтобы показывать только кусочек... Как-то гоутушно .
...
Рейтинг: 0 / 0
12.12.2013, 14:26
    #38498587
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как получить часть картинки
user7320Но вот это свойство их - загрузить весь атлас, чтобы показывать только кусочек... Как-то гоутушно .Именно для этого оно и делается. Во-первых, серверу менее напряжно отдать одну картинку побольше, чем десяток поменьше, во-вторых, отпадает проблема медленных соединений, когда часть картинок загружена, а часть нет, и из-за этого пол-интерфейса "в руинах".
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как получить часть картинки / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]