Добрый день.
Потребовалось мне недавно слайдер изображений найти, но только очень простой.
Все что нужно было: кнопки влево/вправо и чтобы при переключении изображений, картинки не сразу переключались/затемнялись/осветвлялись, а какбы 'держались вместе' и следовали друг за другом. Вот как здесь, например. Видите? Они якобы склеены вместе при переключении.
В общем такого слайдера я не нашел, у всех слишком много наворотов.. решил написать свой. Пока что склепал это:
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]);
});
Самый простой вариант переключения изображений, такой вариант работает, но он просто переключает их, моментально.
Я же хочу получить 'еффект скольжения', где все изображения будут какбы скреплены между собой во время передвижения. Как этого добиться вообще? Может кто знает где есть примеры?