jQuery.cycle - как заставить картинку отображаться по центру

[Pumych]

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

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

[mishka]

Можно.

Сделать структуру, например, такой:

<div class="slideshow">
    <div class="slide-item"><img src="test.jpg" /></div>
    <div class="slide-item"><img src="test.jpg" /></div>
    <div class="slide-item"><img src="test.jpg" /></div>
</div>
$('.slideshow').cycle({
    // тут настраивайте как хотите, fx: 'fade' по дефолту уже установлен
}); 

Блоку .slide-item - ширину, а в нем уже центрируйте картинки.

Если вы поклонник списков, то тогда такой код:

<ul class="slideshow">
    <li><img src="test.jpg" /></li>
    <li><img src="test.jpg" /></li>
    <li><img src="test.jpg" /></li>
</ul>

Вобщем это реально хороший плагин для галерей с одновременно видимым 1м элементом.

[Pumych]

.slide-item это блок которым нужно обернуть .slideshow?

Edited April 11, 2011 by Pumych

[Pumych]

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

Edited April 12, 2011 by Pumych

[mishka]

Сделай как в моем первом примере, только + еще блокам .slide-item { width: 100%; text-align: center }

Ты что не видишь что у тебя трабл не столько в джс, сколько в верстке