$('.services-feat .owl-carousel').owlCarousel({
loop: true
, margin: 30
, mouseDrag: true
, autoplay: false
, dots: true
, autoplayHoverPause:true
, smartSpeed: 500
, responsiveClass: true
, responsive: {
0: {
items: 1
, }
, 600: {
items: 2
}
, 1000: {
items: 3
}
}
});
<div class="b24-form-control-container b24-form-control-icon-after">
<input name="phone" autocomplete="tel" type="tel" class="b24-form-control" im-insert="true">
<div class="b24-form-control-label"> Телефон <span class="b24-form-control-required" style="display: none;">*</span>
</div>
<div class="b24-form-control-alert-message" style="display: none;"></div>
</div>
.b24-form-control:not(:placeholder-shown) + .b24-form-control-label {
opacity: 0;
}
.my-slider-item { display: none; }
<div class="container">
<ul class="services_nav">
<li class="services_button"><a href="#" class="main-button" onclick="currentSlide(1)">Кнопка 1</a></li>
<li class="services_button"><a href="#" class="main-button" onclick="currentSlide(2)">Кнопка 2</a></li>
<li class="services_button"><a href="#" class="main-button" onclick="currentSlide(3)">Кнопка 3</a></li>
<li class="services_button"><a href="#" class="main-button" onclick="currentSlide(4)">Кнопка 4</a></li>
<li class="services_button"><a href="#" class="main-button" onclick="currentSlide(5)">Кнопка 5</a></li>
</ul>
</div>
<div class="container">
<div class="services_slider">
<div class="my-slider-item">
<img class="service_slider_img" src="assets/images/services-4.png" alt="slider">
</div>
<div class="my-slider-item">
<img class="service_slider_img" src="assets/images/services-3.png" alt="slider">
</div>
<div class="my-slider-item">
<img class="service_slider_img" src="assets/images/services-5.png" alt="slider">
</div>
<div class="my-slider-item">
<img class="service_slider_img" src="assets/images/services-1.png" alt="slider">
</div>
<div class="my-slider-item">
<img class="service_slider_img" src="assets/images/services-2.png" alt="slider">
</div>
<a href="#" class="start-button">Попробовать</a>
</div>
<script>
var slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("my-slider-item");
// var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
// for (i = 0; i < dots.length; i++) {
// dots[i].className = dots[i].className.replace(" active", "");
// }
slides[slideIndex-1].style.display = "block";
// dots[slideIndex-1].className += " active";
}
</script>
const findMin = () => {
const numbers = [[1, 8, 2], [6, 4, 9] ];
const A = Math.min.apply(null,numbers[0]);
const B = Math.min.apply(null,numbers[1]);
if(A < B) {
return A;
}else
if(A > B) {
return B;
}
}
console.log(findMin());