Масштабируемость изображений
Подключил 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, время: 08:47. |