1

Добрый день.
Потребовалось мне недавно слайдер изображений найти, но только очень простой.
Все что нужно было: кнопки влево/вправо и чтобы при переключении изображений, картинки не сразу переключались/затемнялись/осветвлялись, а какбы 'держались вместе' и следовали друг за другом. Вот как здесь, например. Видите? Они якобы склеены вместе при переключении.

В общем такого слайдера я не нашел, у всех слишком много наворотов.. решил написать свой. Пока что склепал это:

var imgNum=0;              //счетчик изображений
var separated=[тут изображения];      //массив с изображениями

$('#go_left').on('click',function(){   //просматриваем предыдущую картинку
    imgNum--;             //листаем назад счетчик
    if(imgNum<0){       //если он меньше 0
        imgNum=separated.length-1;   //идем в конец массива
    }
    $('#here').attr('src','content/'+separated[imgNum]);
});

$('#go_right').on('click',function(){   //просматриваем следующую картинку
    imgNum++;           //листаем счетчик вперед
    if(imgNum>=separated.length){     //если больше чем елементов в массиве
        imgNum=0;            //кидаем в самое начало массива
    }
    $('#here').attr('src','content/'+separated[imgNum]);
});

Самый простой вариант переключения изображений, такой вариант работает, но он просто переключает их, моментально.
Я же хочу получить 'еффект скольжения', где все изображения будут какбы скреплены между собой во время передвижения. Как этого добиться вообще? Может кто знает где есть примеры?

2 ответа 2

3

Используйте метод .animate(). Тут как бы и добавить нечего

6
  • ну я догадывался что с animate дело буду иметь, но если бы знал что именно - не писал бы сюда) можете в двух словах хотябы сказать как правильно будет? была идея грузить сразу все изображения, уже прикрепленные вряд, и при клике менять их расположение, при этом родитель прячет ненужные в данный момент изображения через hidden:overflow; разве так и нужно? 12 мар 2012 в 14:03
  • Именно так. Если вы будете подгружать фото по очереди, то анимация у вас будет очень кривая. А так - всё загрузили и поехали карусель крутить
    – Deonis
    12 мар 2012 в 14:05
  • окей, будем пробовать) спасибо 12 мар 2012 в 14:21
  • хм, уважаемый тёзка, а как правильно добиться соединения самого первого и самого последнего изображения? я пока что сделал все изображения внутри LI, выстроил их горизонтально, спрятал лишнее, сделал кнопки и повесил прокрутку на них влево/вправо. но когда доходим до конца - упираемся в пустоту ) как с началом соединить? 12 мар 2012 в 18:41
  • После того, как текущее изображение скрывается за поворотом, переместите элемент в конец очереди. Это ж ясно, как Путину результаты выборов. Устали вы, батюшка ))) P.S. Сегодня уже не получится, но если до завтра не справитесь, то постараюсь помочь.
    – Deonis
    12 мар 2012 в 20:12
0

игрался с каруселью, понял что строю велосипед..
поставил этот слайдер

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.