Cheery
.:МордератоР:. | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Sutar Цитата: ай ну тогда нужно добавить в конец и начало сколько показывается картинок - 1, а затем, в нужный момент, просто перекидывать из конца в конец без анимации. что то такое http://jsfiddle.net/4At7v/2/ но оно будет глючить при быстрых кликах (так как становятся в очередь анимации). у меня нет желания сейчас с этим разбираться ps: в принципе можно сделать так http://jsfiddle.net/4At7v/4/ Код: var video_images = new Array( 'http://cs523309.vk.me/u223117516/video/l_816fdb2e.jpg', 'http://cs523309.vk.me/u223117516/video/l_816fdb2e.jpg', 'http://cs533307.vk.me/u223117516/video/l_68b7cee6.jpg', 'http://cs533307.vk.me/u223117516/video/l_68b7cee6.jpg', 'http://cs529314.vk.me/u223117516/video/l_9a22ba29.jpg', 'http://cs529314.vk.me/u223117516/video/l_9a22ba29.jpg' ); var show = 2, width = 300, dv = $('.slider div'), transition = 200; $('#back').click(function(){ dv.stop(true,true).animate({marginLeft: '-=' + width + 'px'}, transition, function(){ if (parseInt(dv.css('margin-left')) <= - (video_images.length - show) * width) dv.css({marginLeft: '0px'}); }); return false; }); $('#next').click(function(){ dv.stop(true,true).animate({marginLeft: '+=' + width + 'px'}, transition, function(){ if (parseInt(dv.css('margin-left')) >= 0) dv.css({marginLeft: - (video_images.length - show) * width + 'px'}); }); return false; }); $('.slider').css({width: show * width + 'px'}); video_images.push(video_images.slice(0, show - 1)); video_images.unshift(video_images.slice(-2 * (show - 1), - (show - 1))); $.each(video_images, function(i, val) { dv.append($('<img>').attr('src', val)); }); | есть, правда, все равно небольшй глюк на стыке, если менять направление.. додумайте.
| Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:14 01-02-2014 | Исправлено: Cheery, 01:07 02-02-2014 |
|