const price = [
{ad: 10},
{ad: 23},
{ad: 5},
{ad: 2},
{ad: 17}
];
let new_price = price.map( (x,key) => [ Object.keys(x)[0]+key, Object.values(x)[0] ] );$('.slider').slick({
arrows: false,
dots: true,
dotsClass: 'slick-dots slider__dots',
customPaging: function(slick, index) {
return '<span>' + index+ '</span> '
}
})background: linear-gradient(90deg,#a97b26,#f2cb62,#a18049);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;var info = false;
$("#start").click(function(){
if(!info){
$.getJSON( "/json.php", function( data ) {
console.log(data);
info = data;
});
}
});$(document).ready(function() {
$(".modal_btn").click(function(event) {
event.preventDefault();
var phone = $(".modal_input--phone").val();
var name = $(".modal_input--name").val();
var mail = $(".modal_input--mail").val()
var ms = $(".modal_textarea").val();
var userfile = $(".modal_input--userfile").val();
if (name.length < 1) {
alert('Введите корректное имя')
return false;
} else if (!phone.match(/^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$/)) {
alert('Введите корректный номер телефона')
return false;
} else if (ms.length < 5) {
alert('Сообщение должно содержать от 5-ти символов')
return false;
} else if (!mail.match(/^[-._a-z0-9]+@(?:[a-z0-9][-a-z0-9]+\.)+[a-z]{2,6}$/)) {
alert('Введите корректный e-mail')
return false;
} else {
var fd = new FormData();
fd.append('ms', ms);
fd.append('name', name);
fd.append('phone', phone);
fd.append('mail', mail);
fd.append('userfile', $(".modal_input--userfile")[0].files[0]);
$.ajax({
type: 'POST',
url: './wp-content/themes/uslugi/send_t.php',
data: fd,
processData: false,
contentType: false,
dataType: "json",
success: function(data) {
alert('Заявка успешно отправлена!');
},
error: function(data) {
console.log(data);
}
});
}
});
});$(function () {
let sliderOne = function () {
$('.js-slider').slick({
infinite: false,
speed: 500,
arrows: true,
fade: true,
dots: false,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '<svg class="icon-svg icon-svg--arrows icon-svg--prev"><use xlink:href="#arrow_slider"></use></svg>',
nextArrow: '<svg class="icon-svg icon-svg--arrows icon-svg--next"><use xlink:href="#arrow_slider"></use></svg>',
appendArrows: $('.s-shale__arrows')
});
};
$(window).on('load resize', function () {
var withWindow = window.innerWidth;
if (withWindow < 480) {
sliderOne();
}else{
$('.js-slider').slick('unslick');
}
});
});$(".dropdown > a").on("touchstart click", function (e) {
e.preventDefault();
if($(this).hasClass('mobile-submenu-active')){
$(this).removeClass("mobile-submenu-active");
$(this).next('.dropdown-menu').slideToggle(300);
}else{
$(this).closest('.menu').find(".dropdown-menu").slideUp(300);
$(this).closest('.menu').find(".dropdown a").removeClass("mobile-submenu-active");
$(this).addClass("mobile-submenu-active");
$(this).closest('.dropdown').find(".dropdown-menu").slideDown(300);
}$('.slick-slider .slider-items').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: true,
dotsClass: 'nav slide-dots',
prevArrow: '<div class="prev"></div>',
nextArrow: '<div class="next"></div>',
appendArrows: '.slider-navigation',
appendDots: '.slider-dots',
});.slider2-image-wrapper{
width: (Тут длина фото)px;
position: absolute;
bottom: 0;
z-index: 2;
}<div class="tab_block">
<div class="tab">Content#1</div>
<div class="tab">Content#2</div>
<div class="tab">Content#3</div>
</div>
<div class="nav_block">
<a href="#" class="prev">prev</a>
<a href="#" class="next">next</a>
</div>.d-none{
display: none;
}
.tab{
display: none;
}
.tab.selected{
display: block;
}$(document).ready(function(){
$('.tab:first').addClass('selected');
$('.nav_block a').click(function(e){
e.preventDefault();
let this_selected_tab = $('.tab.selected');
if($(this).hasClass('prev')){
if(this_selected_tab.prev('.tab').length > 0){
this_selected_tab.prev('.tab').addClass('selected');
}else{
$('.tab:last').addClass('selected');
}
}
if($(this).hasClass('next')){
if(this_selected_tab.next('.tab').length > 0){
this_selected_tab.next('.tab').addClass('selected');
}else{
$('.tab:first').addClass('selected');
}
}
this_selected_tab.removeClass('selected');
});
});<div class="slider slick">
<div>
<h3>Понедельник</h3>
<div class="d-flex">
<div><img src="" alt=""><p>Блюдо 1</p></div>
<div><img src="" alt=""><p>Блюдо 2</p></div>
<div><img src="" alt=""><p>Блюдо 3</p></div>
<div><img src="" alt=""><p>Блюдо 4</p></div>
<div><img src="" alt=""><p>Блюдо 5</p></div>
</div>
</div>
<div>
<h3>Вторник</h3>
<div class="d-flex">
<div><img src="" alt=""><p>Блюдо 1</p></div>
<div><img src="" alt=""><p>Блюдо 2</p></div>
<div><img src="" alt=""><p>Блюдо 3</p></div>
<div><img src="" alt=""><p>Блюдо 4</p></div>
<div><img src="" alt=""><p>Блюдо 5</p></div>
</div>
</div>
...
<div>
<h3>Воскресение</h3>
<div class="d-flex">
<div><img src="" alt=""><p>Блюдо 1</p></div>
<div><img src="" alt=""><p>Блюдо 2</p></div>
<div><img src="" alt=""><p>Блюдо 3</p></div>
<div><img src="" alt=""><p>Блюдо 4</p></div>
<div><img src="" alt=""><p>Блюдо 5</p></div>
</div>
</div>
</div>