Я будую слайд-шоу, на якому показано 3горизонтальні знаки та 3 посилання внизу. Посилання потрібно просунути 3 діви за раз і замінити їх наступними 3 дівами (рівно по 3 кожного клацання) ось що я побудував поки що: http://tipoos.com/buzz
Мені було цікаво, чи потрібно мені це робити у списку UL чи просто використовувати плаваючі діви. нарешті вирішили використовувати діви.
хтось знає, як я міг це досягти? Я також хотів би, щоб вона ковзала 3 діви автоматично кожні 5 секунд.
буде вдячний за будь-яку допомогу Дякую, Гіл
Відповіді:
1 для відповіді № 1Якщо плагін підходить, я раніше використовував: http://gmarwaha.com/jquery/jcarousellite/ що робить те, що ти хочеш
0 для відповіді № 2
Отримайте наступні зміни вашої сторінки:
http://jsfiddle.net/snies/B4FB5/35/
Основна ідея полягає в тому, що вам потрібно 6 зображеньвміє прокручувати 3 в і 3 назовні. Вони живуть в одній діві "слайдера", яка рухається. Він повинен бути досить широким для 6 зображень. Вся установка міститься у розділі "slider_window", достатньо широкому для трьох зображень. У цьому властивості css "переповнення" встановлено значення "приховано".
Уявіть вікно з картону та шматочок паперу з малюнками, тепер ви переміщаєте папір паперу вздовж вікна.
Для зручності використання та анімації я використовую jQuery ( http://api.jquery.com/animate/ )
Як тільки анімація закінчена, ви бперемикайте зображення та переміщуйте весь div назад у положення. Якщо ви попередньо завантажуєте зображення, які перемикаються досить швидко, щоб користувач не міг їх бачити. Як альтернативу, ви можете видалити зображення з одного боку та додати нові з іншого боку.