Как идеально вместить полные изображения в слайдер? ⇐ Html

[Anonymous]

Я новичок в этом CSS. У меня есть 2 изображения внутри моего первого слайдера. Настоящая цель - отобразить полные изображения в этом слайдере, но, к сожалению, я не могу идеально вписать изображения в слайдер, поскольку ширина изображений больше, чем ширина слайдера.

вот CSS-код этого слайдера:

Код: Выделить всё

.ei-slider{
position: relative;
width: 100%;
max-width: 960px;
height: 338px;
margin: 0 auto;
background: #fdfdfd url('../images/bg/elastic-slider-bg.png') repeat-x top left;
}
.ei-slider-loading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:999;
background: #161616;
color: #fff;
text-align: center;
line-height: 400px;
}
.ei-slider-large{
height: 100%;
width: 100%;
position:relative;
overflow: hidden;
list-style:none;
margin:0;
}
.ei-slider-large li{
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img{
width: 100%;
}

Не могли бы вы рассказать, как идеально разместить полные изображения в этом слайдере?

Подробнее здесь: https://stackoverflow.com/questions/133 ... the-slider