jCarousel - разная ширина логотипов
 

Добрый вечер.
Хотел добавить ленту партнеров на сайт. Наткнулся на jCarousel. Неплохой слайдер, но там есть одна проблема, если логотип квадратный, она его растягивает на ширину li-элемента.



Вот тут логотип KAZKOM растянулся.

Кто-нибудь уже сталкивался с такой проблемой?

покажите пример. там в цсс задана ширина картинок, до которой их тянет
нужно или картинки сделать нужной ширины или цсс поправить

вот код

#carusel_partners div ul li a	{
		position:relative; 
		width:255px; 
		height:60px; 
		float:left; 
		margin-right:20px;
	}

Здесь задается ширина, на которую картинка растягивается

img.grey {
		position: absolute; 
		left: 0; 
		top: 0; 
		z-index: 10;
	}
	img.color {
		position: absolute; 
		left: 0; 
		top: 0;
	}
	.gallery {
		border: 0px solid #E1E1E1;
		height: 82px;
		margin: 10px 0 0;
		padding: 0 25px;
		position: relative;
	}

	.gallery div {
		overflow: hidden;
		width: 720px;
	}
	div .arrows1 {
		float: none;
    }
    #container {
		background: none repeat scroll 0 0 #00FFFF;
		border: 1px solid black;
		height: 200px;
		overflow: auto;
		width: 200px;
	}

Это остальной CSS

<script type='text/javascript' src='./include/js/jquery.jcarousel.min.js'></script>

function carus_initCallback2(car) {
			    jQuery('.left_g').bind('click', function() {
			        car.prev();
			        return(false);
			    });
			    jQuery('.right_g').bind('click', function() {
			        car.next();
			        return(false);
			    });
};
jQuery(function($){$(function(){
	$('.gallery').jcarousel({
		auto: 1,
		scroll: 1,
		start: 1,
		wrap: "circular",
		initCallback: carus_initCallback2,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
});});

<div class="gallery" id="carusel_partners">
	<div>
		<ul id="gal_good">
                        <li><a href='someurl'><img src='img/image1.jpg' class='color'></a></li>
                        <li><a href='someurl'><img src='img/image2.jpg' class='color'></a></li>
                        <li><a href='someurl'><img src='img/image3.jpg' class='color'></a></li>
                        <li><a href='someurl'><img src='img/image4.jpg' class='color'></a></li>
                        <li><a href='someurl'><img src='img/image5.jpg' class='color'></a></li>
                </ul>
        </div>
</div>

в #carusel_partners div ul li a {
position:relative;
width:255px;

у вас все ссылки тянет до 255px

Да это я понял... Но если там поставить width:auto. то jCarousel начинает гнать.

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

Это понятно, вот я и думаю, может в подключаемом jquery.jcarousel.min.js какие изменения внести, но там мозг сломать можно )))

так а чего добится нужно? чтобы картинки были разной ширины?
тогда прокрутка будет не корректно работать
лучше картинки подогнать

Это не реально, потому что у них разная ширина. ))) Если подгонять картинки, они растягиваются.

в фотошопе image size