fade
.btn
меняется эффект .slick('slickSetOption', 'fade', false, true)
slick
через эффект fade нужно поправить стили у слайдера..important{left:0!important; opacity:1!important;}
$(document).on('touchstart', 'слик-слайдер', function(e) { ..});
, чтобы СРАБАТЫВАЛО событие.$(document)
.on('touchstart', 'слик-слайдер', function(e) {
меняем эффект и добавляем класс
})
.on('touchend', 'слик-слайдер', function(e) {
возвращаем эффект и удаляем класс
});
$("#main_form").submit(function(e) { //Change
e.preventDefault();
var th = $(this);
$.ajax({
type: "POST",
url: "mail.php", //Change
data: th.serialize()
}).done(function() {
th.trigger("reset");
$.magnificPopup.open({
items: {
src: '.modal'
}
});
setTimeout(function() {
// Done Functions
$.magnificPopup.close();
}, 3000);
});
});
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
centerMode: true,
focusOnSelect: true
});
<button type="button" class="btn btn-default">
<button type="button" class="btn btn-primary">
<button type="button" class="btn btn-success">
<td>
<span class="treegrid-indent"></span>
<span class="treegrid-indent"></span>
<span class="treegrid-expander"></span>
<div style="display: inline-block;">
С++ для начинающих. Урок 1
<br>
С++ для начинающих. Урок 1
</div>
</td>
$.fn.transformPage = function(settings, pos, index) { ... }
$('.menu').bind({
touchstart: function(e){ //для мобильных устройств
e.stopPropagation();
$(this).addClass('menu_active');
},
mouseenter: function(){
$(this).addClass('menu_active');
},
mouseleave: function(){
$(this).removeClass('menu_active');
}
});
$(body).on('touchstart', function(e){
$(this).removeClass('menu_active');
});
parseInt(100 / duration * currentTime)