Нужно доработать слайдер

В общем ищу исполнителя. Ситуация следующая. В шапке сайта есть слайдер который выводит объекты из универсального каталога по рейтингу. Нужно зделать кадрирование добавляемых изображений. Чтобы пользователь при добавлении той или иной техники в каталог мог кадрировать изображение под размеры существующего слайдера. На данный момент фото объектов из универсального каталога выводятся таким образом то есть растягиваются как угодно, в зависимости от размера картинки, что не очень то хорошо.

Извините что означает кадрировать?

Apsent, Я обычно решаю такие проблемы в CSS, с помощью max-width, min-width, max-height, min-height

Извините что означает кадрировать?

Наверно это deepliquid.com/projects/Jcrop/demos.php?demo=live_crop

Извините что означает кадрировать?

Ну тоесть пользователь сам выбирает какая часть изображения будет отображаться в слайдере. Допустим у него фото большое и на фото мотоцикл, если б он это фото просто добавил то в слайдер попала бы часть фото на которой видно было бы половина мотоцикла.

Я обычно решаю такие проблемы в CSS, с помощью max-width, min-width, max-height, min-height

Я еще пока что далек от знания стилей CSS(( Еслиб знал то сам делал бы все

Наверно это deepliquid.com/projects/Jcrop/demos.php?demo=live_crop

Именно! Только выделенная часть попадает в слайдер

Если слайдер берет картинку из универсального каталога то само кадрирование не относится к слайдеру, это совсем другая работа.
Перед кадрированием сам слайдер необходимо поправить, справа прервью например у вас очень узкие, и ее пропорции не совпадают с большой картинкой. Если у фото одинаковые пропорции то можно обойтись только цсс, как описал выше Evanescence

Если слайдер берет картинку из универсального каталога то само кадрирование не относится к слайдеру, это совсем другая работа.
Перед кадрированием сам слайдер необходимо поправить, справа прервью например у вас очень узкие, и ее пропорции не совпадают с большой картинкой. Если у фото одинаковые пропорции то можно обойтись только цсс, как описал выше Evanescence

В том то и беда, уже какую неделю сижу и пытаюсь что-либо изменить для боле приглядного вида. Но ничего не получается. И как писал Evanescence я не представляю как это реализовать (повторяюсь, я не силен в CSS). Вот например фаил стилей слайдера
.sliderkit {
display:none;
position:relative;
overflow:hidden;
text-align:left;
background:#1a1a1a;
}

.sliderkit img {
border:0;
}

.sliderkit .sliderkit-nav {
height:252px;
margin-top:22.5px;
position:absolute;
right:0;
text-align:center;
top:0;
width:290px;
}

.sliderkit .sliderkit-nav-clip {
width:290px;
height:333px;
overflow:hidden;
position:relative;
margin:33px 0 0;
}

.sliderkit .sliderkit-nav-clip ul {
position:relative;
left:0;
top:0;
list-style:none;
margin:0;
padding:0;
}

.sliderkit .sliderkit-nav-clip ul li {
display:block;
width:290px;
height:84px;
}

.sliderkit .sliderkit-nav-clip ul li a {
display:block;
overflow:hidden;
}

.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected {
opacity:0.5;
}

.sliderkit .sliderkit-btn {
z-index:10;
}

.sliderkit-nav .sliderkit-nav-btn a span {
display:none;
}

.sliderkit-nav .sliderkit-nav-btn a {
background:url(../img/slider-arrows.gif) no-repeat scroll 0 0 transparent;
display:block;
position:absolute;
top:-18px;
right:136px;
width:20px;
height:12px;
cursor:pointer;
}

.sliderkit-nav .sliderkit-nav-next a {
bottom:-18px;
top:auto;
background-position:0 -12px;
}

.sliderkit-panels {
position:relative;
float:left;
width:710px;
height:300px;
background-size:cover;
}

.sliderkit .sliderkit-panel {
z-index:1;
position:absolute;
overflow:hidden;
}

.sliderkit .sliderkit-panel-active {
z-index:5;
}

.sliderkit .sliderkit-panel-old {
z-index:4;
}

.sliderkit .sliderkit-panel .sliderkit-panel-textbox {
position:absolute;
top:24px;
background:#df141f;
font:normal 30px Arial;
color:#fff;
text-transform:uppercase;
z-index:1;
display:block;
left:0;
padding:8px 18px;
}

.sliderkit .sliderkit-panel .sliderkit-panel-text {
font-weight:600;
}

.sliderkit .sliderkit-panel .sliderkit-panel-overlay {
position:absolute;
z-index:2;
top:0;
left:0;
}

.photosgallery-vertical {
height:297px;
width:1000px;
}

Где и что тут менять я поверхностно понимаю, но сколько не пробывал — не вышло. Подскажите или может кто возьмется за работу с кадрированием! Буду оч благодарен!