Как создать слайдер?

Question

[jekahm]

Доброго времени суток!

Подскажите, как создать слайдер изображений, который реализован здесь: www.ikona.by/gallery_anketa.php?id=6521 ?

Может, есть примеры разработок подобных слайдеров?
Заранее благодарен!

Comments

[jekahm]

Доброго времени суток!
Подскажите, как создать слайдер изображений, который реализован здесь: ikona.by/gallery_anketa.php?id=6521? Может есть примеры разработок подобных слайдеров?
Заранее благодарен!

Answer 1

[Константин Величко]

1. Делаем ленту картинок. Неважно как флоатми или инлайном
2. Родителю даем размеры и overflov: hidden
3. Ставим по краям стрелки, на hover изменяем margin ленты влево отрицательный в право положительный но не больше ширины ленты

Поуглите полно плагинов для jquery

Comments

[jekahm]

Это ясно. Но каким образом определить последний элемент данной ленты?

[Константин Величко]

А зачем его определять, нужно считать ширину ленты
$('.image-rule').width();

[Константин Величко]

последний кстати можно найти так $('.image-rule li:last-child')

[Константин Величко]

или так $('.image-rule li').last()

[Ольга Стогова]

@Zoxon ie<9 не поддерживает last-child, если писать самому, прописывать скролл/маргин, то увеличивать его до значения ширины всей ленты, уменьшать до нуля

[Константин Величко]

Да вы правы, немного запутался