$('#fullpage').fullpage({
navigationPosition: 'right',
navigationTooltips: ['First', 'Second', 'Third']
);#second {
background: url('../img/header.png');
background-size: cover;
}
ps может это связано с тем, что новые генерируемые элементы не можно обрабатывать на события и их не видно в DOM? (предположения)
.on()
gulp.task('img-tin', function () {
return watch('src/img/**/**/*.*', function () {
gulp.src('src/img/**/**/*.*')
.pipe(plumber())
.pipe(newer('app/img'))
.pipe(tinpng('KuffE3fffJSVgF4mnffWpfff26xXfffA_l'))
.pipe(gulp.dest('app/img'));
});
});$(document).ready(function() {
var owl = $(".main-slider");
owl.owlCarousel({
singleItem: true,
navigation: true,
navigationText: false,
rewindNav: false,
afterAction: rotate
});
var iter = 0;
function rotate(){
var quantity = this.owl.owlItems.length -1;
var currentItem1 = this.owl.currentItem;
var prevItem1 = this.owl.prevItem;
if(currentItem1 > prevItem1){
iter++;
}
if(currentItem1 < prevItem1){
iter--;
}
var step = 90/quantity;
var deg = step*iter;
$('.test').css({transform: 'rotate('+deg+'deg)'})
}
});$(document).ready(function() {
$(".to-modal").fancybox({
fitToView : false
});
$(".to-modal--emp").fancybox({
fitToView : false,
'beforeLoad' : function(){
$('body').addClass('white');
},
'afterClose': function() {
$('body').removeClass('white');
}
});
});.white{
.fancybox-overlay {
background: url('../img/design/overlay--white.png');
}
}