Показать сообщение отдельно
  #1 (permalink)  
Старый 04.06.2017, 20:14
Новичок на форуме
Отправить личное сообщение для blackdiie Посмотреть профиль Найти все сообщения от blackdiie
 
Регистрация: 03.06.2017
Сообщений: 6

выполнить нечетным рисункам слайд-шоу
добавить сверху кнопку, а затем 6 маленьких рисунков одинакового размера, один под другим. При нажатии на кнопку среди всех найденных рисунков для нечетных выполнить эффект слайд-шоу – заезд/скрытие рисунка под соответствующим ему нижним рисунком со скоростью «slow».
МОЖЕТЕ ПЕРЕДЕЛАТЬ?

[js]
var timer, show, n = 0, fn = ["add","remove"];
function blinker(cls, duration, sel) {
var elems = [].slice.call(document.querySelectorAll(sel));
show = function() {
document.body.classList.add("open");
window.clearTimeout(timer);
};
return function() {
show();
(function mig(a) {
elems[n].classList[fn[0]](cls);
n = ++n % elems.length;
if(!n) {elems.reverse();fn.reverse()}
timer = window.setTimeout(mig, duration)
})()
}
}
var go = blinker("show", 800, ".tkl");
[js]

Последний раз редактировалось blackdiie, 04.06.2017 в 20:29.
Ответить с цитированием