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

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

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

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

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


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