$(document).ready(function() {
var list = $(".prfot .twentytwenty-container");
var numToShow = 6; //сколько показывать элементов
var button = $("button");
var numInList = list.length;
list.hide();
if (numInList > numToShow) {
button.show();
}
list.slice(0, numToShow).show();
button.click(function() {
var showing = list.filter(':visible').length;
list.slice(showing - 1, showing + numToShow).fadeIn();
var nowShowing = list.filter(':visible').length;
if (nowShowing >= numInList) {
button.hide();
}
initTwenty();
});
});
//подгрузить еще по кнопке, если все элемнты подгружены, скрывает кнопку
$(document).ready(function() {
var list = $(".prfot .twentytwenty-container");
var numToShow = 6; //сколько показывать элементов
var button = $("button");
var numInList = list.length;
list.hide();
if (numInList > numToShow) {
button.show();
}
list.slice(0, numToShow).show();
button.click(function() {
var showing = list.filter(':visible').length;
list.slice(showing - 1, showing + numToShow).fadeIn();
var nowShowing = list.filter(':visible').length;
if (nowShowing >= numInList) {
button.hide();
}
initTwenty();
});
});
$(window).on('load', function() {
initTwenty();
});
// Фото, до и после
function initTwenty()
{
$(".twentytwenty-container").twentytwenty({
no_overlay: false, // Не показывать наложение было, стало, true скрыть
move_slider_on_hover: false, // Перемещать ползунок при наведении курсора мыши
move_with_handle_only: true, // Разрешить пользователю проводить пальцем в любом месте изображения для управления движением ползунка.
before_label: 'До',
after_label: 'После'
});
}
<?php
foreach ($categories as $category) :
if ($category['id'] == '21109') :
?>
<?php
foreach ($category["children"] as $childfirst) :
if ($childfirst['show_cat'] == '1') {
if (!isset($childfirst['children'])) {
?>
<li><a href="/himchistka/<?= $childfirst['alias'] ?>/" title="<?= $childfirst['name'] ?>"><?= $childfirst['name'] ?></a></li>
<?
}
}
endforeach;
?>
<?
endif;
endforeach;
?>