Масштабируемость изображений
Подключил jQuery Cycle Plugin. Все здорово, но изображения теряют пропорциональность, т.е. если у меня div 200x200, а фото 350x500, то рисунки отображаются некорректно. Как можно разрешить данную проблему?
|
задать размер самому блоку 300х500 или поставить overflow: hidden;
|
Понятно. А как сделать чтобы размер фото был именно 200x200 (или увеличивалась до 200 или уменьшалась до 200), а остальная часть фото обрезалась?
|
<style type="text/css"> #i1, #i2 { overflow: hidden; width: 100px; height: 76px; } #i2 img { overflow: hidden; width: 100px; height: 76px; } </style> <div id="i1"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" /></div> <div id="i2"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" /></div> |
Часовой пояс GMT +3, время: 03:42. |