$('.slider').slick({
variableWidth: true,
dots: false,
infinite: false,
slidesToShow: 5,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 4
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 2
}
}
]
});
elem.getBoundingClientRect().top * .2
$('button[type="submit"]').click(function() {
$('html, body').animate({
scrollTop: $("#page-title-not-auth").offset().top
}, 1000);
});
<div class="list">
<div class="item">...</div>
<div class="item">...</div>
<div class="item">...</div>
</div>
.list
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
function ready() {
var blockIds = [];
var blocks = document.querySelectorAll('[data-box-id] a');
blocks.forEach(block => block.addEventListener('click', e => {
blockIds.push(e.target.parentNode.getAttribute('data-box-id'));
e.target.parentNode.style.display = 'none';
localStorage.setItem('blocks', JSON.stringify(blockIds));
console.log(localStorage.getItem('blocks'));
}))
}
document.addEventListener("DOMContentLoaded", ready());
class Upload {
public function upload($uploadDir, $file) {
$pathToUpload = $uploadDir . "bla-bla-bla." . pathinfo($file, PATHINFO_EXTENSION);
if( move_uploaded_file($file['tmp_name'], $pathToUpload) ) {
return $pathToUpload;
}
return false;
}
}