Как изменить ширину изображения в jCarousel?

Question

http://sorgalla.com/projects/jcarousel/

Выше я использую карусельное приложение (одно из самых популярных в настоящее время с открытым исходным кодом), и я не могу понять, как изменить ширину изображения по умолчанию, когда яПриблизительно дюжина изображений имеют ширину пикселя 170 пикселей, и, тем не менее, текущая настройка, кажется, установлена ​​на уровне около 80 пикселей, что делает все изображения перекрывающимися, как я могу это изменить?Есть ли способ добавить маржу?Я попытался изменить css в jcarousel / skins / tango / skin.css, но, видимо, даже когда я удаляю все в этом файле css, на странице карусели ничего не затрагивается - когда я удаляю ссылку, карусель перестает функционировать и превращается в широкуюdiv со статическими изображениями, что очень странно для меня.

Answer 1

В этой карусели используются теги <img>, что означает, что вам придется либо указывать каждую ширину в разметке следующим образом:

<img src="..." height="..." width="170" />

или используйте селектор img в файле CSS, примерно так:

.jcarousel-skin-tango .jcarousel-item-horizontal img {
    width: 170px;
}

В любом случае, вы также должны сделать контейнер для карусели достаточно широким, чтобы вместить его содержимое. Вы можете задать вмещающему ul некоторую большую ширину (избыток будет скрыт в любом случае), например:

ul#carousel {
   width: 99999px;
}

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