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) {
возвращаем эффект и удаляем класс
});
<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>
$('.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)
<ul class="navigation">
<li><a href="#" data-index="#1">1</a></li>
<li><a href="#" data-index="#2">2</a></li>
<li><a href="#" data-index="#3">3</a></li>
<li><a href="#" data-index="#4">4</a></li>
<li><a href="#" data-index="#5">5</a></li>
</ul>
$(".onepage-pagination li a").click(function (){
var page_index = $(this).data("index");
el.moveTo(page_index);
});
.navigation li a
$(".onepage-pagination li a, .navigation li a").click(function (){
var page_index = $(this).data("index");
el.moveTo(page_index);
});
.wrap {
overflow: hidden;
display: flex;
justify-content: center;
}
.col-2 {
...
padding: 10px;
...
}
.col-3 {
...
padding: 10px;
...
}
<button type="button" data-target="#myModal">
modal
</button>
<div id="myModal">
<button type="button" data-target="#myModal2">
modal2
</button>
<div id="myModal2">
.slider{
position:relative;
}
.slider:before,.slider:after{
content:'';
display: block;
position:absolute;
top:0;
bottom:0;
width: 100%; /*Вот тут проблема, чтобы точно определить расстояние от края до контейнера слайдера*/
width:calc((100vw - 1000px)/2); /*Смотрите кроссбраузерность*/
background:rgba(255,255,255,.8);
}
.slider:before{
right:100%;
}
.sliderr:after{
left:100%;
}
<div class="container">
<div class="row">
<div class="col-md-12"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8"></div>
</div>
</div>
<div class="col-md-4"></div>
<div class="container">
<div class="row">
<div class="col-md-12"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8"></div>
<div class="col-md-4"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12"></div>
</div>
</div>