Увеличение изображения без потери качестваБольшинство WEB браузеров умеют увеличивать текст ( исключение IE6, который не увеличивает изображение размеры которого заданы в пикселях ), однако далеко не все браузеры увеличивают изображения вместе с текстом (Firefox и Opera это конечно же не касается) . Как же сделать так, чтобы при увеличении текста изображение увеличивалось без потери качества а общее расположение элементов на странице оставалось прежним.
Есть достаточно простой способ это сделать, у изображения должен быть свой класс с предустановленной шириной скажем в 10em.
HTML:
<IMG src="images/fruit.jpg" alt="фрукт" class="expand">
CSS:
img.expand { width: 10em; }
Важно: необходимо убедиться в том, что стартовое изображение больше чем его размеры по умолчанию. Если изображение имеет размеры такие же как изображение которое отображается по умолчанию, то при увеличении будет заметна потеря качества.
Пример
16-03-08 18:03:57 Написать комментарийВНИМАНИЕ: Все поля необходимо заполнить |
Богдан - 25-01-09 19:01:49
Даа, это же каким лохом надо быть что бы купится на эту хуйню, картинка на размер больше подгружается и все))))