Растягиваются и обрезаются изображения в слайдере

Картинке сделайте стиль

<img src="http://zoomsex.ru/uploads/posts/2016-01/medium/1453630141_vera-brezhneva-01.jpg" style="position: absolute; opacity: 1; height: 359px; margin: 0px auto;">

а контейнеру

<div class="ug-item-wrapper" style="height: 359px; text-align: center; width: 100%;">

Не меняется.

Сделал так:

<div class="ug-item-wrapper" style="height: 359px; text-align: center; width: 100%;">
 <div id="gallery">
<img alt="{title}" src="изображение" data-image="изображение" style="position: absolute; opacity: 1; height: 359px; margin: 0px auto;" data-description="{title}" >
</div></div>

И так:

<div class="ug-item-wrapper" style="height: 359px; text-align: center; width: 100%;"><img alt="{title}" src="изображение" data-image="изображение" style="position: absolute; opacity: 1; height: 359px; margin: 0px auto;" data-description="{title}" >

Попробуйте с такими настройками:

$(document).ready(function(){

	$("#gallery").unitegallery({

		slider_scale_mode: "fit"

	});

});

Опции здесь:

http://unitegallery.net/index.php?page=default-options

$(document).ready(function(){

	$("#gallery").unitegallery({

		slider_scale_mode: "fit"

	});

});

Спасибо. Получилось!

Спасибо документации :)