(function() {
// Кол-во кликов
var clickCount = 0;
// Массив картинок
var obBackgrounds = {
0: 'images/heart_ml.png',
1: 'images/heart_2.png',
2: 'images/heart_3.png',
3: 'images/heart_2.png',
// ...
};
// элемент с которым происходит действие
var heart_m = document.getElementById('heart_m' + mom);
// событие нажатия
heart_m.onclick = function(e) {
this.style.backgroundImage = 'url(' + obBackgrounds[ clickCount ] + ')';
// Если дошли до последней картинки обнуляем счетчик
if( clickCount >= obBackgrounds.length - 1 ) {
clickCount = 0;
}
else {
// в след. раз брать следующую картинку
clickCount++;
}
}
})();
jQuery(document).ready(function($) {
var toc = document.querySelector( '.toc' );
var tocPath = document.querySelector( '.toc-marker path' );
var tocItems;
// Factor of screen size that the element must cross
// before it's considered visible
var TOP_MARGIN = 0.1,
BOTTOM_MARGIN = 0.2;
var pathLength;
function drawPath() {
...
}
function sync() {
...
};
$(window).on('scroll resize', function(e) {
if ($(window).width() >= 801) {
drawPath();
sync();
}
}).trigger('resize');
});
window.addEventListener( 'resize', drawPath, false );
window.addEventListener( 'scroll', sync, false );