Показать сообщение отдельно
  #2 (permalink)  
Старый 14.01.2013, 11:26
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Если слайд шоу со стрелочками (как на сайте-примере), то все просто.

Картинки размещаете со свойствами position: absolute, так чтобы они были одна за другой.
Стрелочкам присваиваете классы prev и next (например) и по клику на стрелочку запускаете событие перемещения.

$(function() { // Эта функция выполнится при полной загрузке страницы
  var prev = $('.prev'),
  next = $('.next'); // Объявили переменные

  prev.click(function() {//клик на стрелку назад
    $('./*общий класс всех картинок*/').each(function() {//цикл по всем картинкам
       $(this).animate({'left' : '-=' + $(this).width() + 'px'}, 'slow') /*вычитаем из значения left текущей картинки её ширину*/
    })
  })
})


Пишите кнопку "вперед". Также после создания анимации будет необходимо придумать условие прекращения анимаций по достижению крайней картинки.

Так же обратите внимание, что данный скрипт рассчитан что все картинки будут иметь одинаковую ширину.

Разбирайтесь, пишите вопросы.
Ответить с цитированием