сделать снимок вместо изменения размера со страницей

Question

У меня есть фотография на моем сайте, которую я хочу всегда оставаться на одном и том же разрешении, т. Е. Когда я изменяю размер страницы, я хочу, чтобы изображение было «крупным планом» в середине он внутри держателя вместо того, чтобы расти вместе с ним. я предполагаю, что я только пропустить правильный атрибут CSS и каждая помощь будет appritiated:

<ul class="slides"> 
<li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/5.jpg"></li> 
    <li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/4.jpg"></li> 
<li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/3.jpg"></li> 

</ul> 

причина есть маржа -100%, потому что они находятся в ползуне. Я не думаю, что он имеет отношение к проблеме, которая у меня есть. спасибо.

Answer 1

Вы можете использовать свойство клипа в CSS3 - Link

Также проверьте jcrop это инструмент урожая JQuery на основе образом

Надеется, что это помогает