Показать сообщение отдельно
  #2 (permalink)  
Старый 03.01.2014, 22:58
Новичок на форуме
Отправить личное сообщение для Zemster Посмотреть профиль Найти все сообщения от Zemster
 
Регистрация: 27.12.2013
Сообщений: 6

Сделал анимацию через js, вроде работает;
только в конце в список из картинок пришлось вставить 3 картинки(такие же как 3 первые картинки)

function animate(opts) {
  
  var start = new Date; // сохранить время начала 

  var timer = setInterval(function() {

    // вычислить сколько времени прошло
    var progress = (new Date - start) / opts.duration;
    if (progress > 1) progress = 1;

    // отрисовать анимацию
    opts.step(progress);
    
    if (progress == 1) clearInterval(timer); // конец :)
     
  }, opts.delay || 10); // по умолчанию кадр каждые 10мс

}

function stretch(elem) {
  animate({ 
    duration: 500, // время на анимацию 500 мс
    step: function(progress) {
	
      elem.style.marginLeft =b -progress*390 +'px';
	  position=b- progress*390 ;
    }
  });
}

function stretch1(elem) {
  animate({ 
    duration: 500, // время на анимацию 500 мс
    step: function(progress) {
	
      elem.style.marginLeft =b +progress*390 +'px';
	  position=b+ progress*390 ;
    }
  });
}


и вот такой код действия получился

document.getElementById('prev').onclick = function() {
if(position<-130*7) {
position=0;  ul.style.marginLeft =0 +'px';b=position; stretch(ul);}

b=position;
stretch(ul);





};

Последний раз редактировалось Zemster, 03.01.2014 в 23:02.
Ответить с цитированием