Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Карусель пустое место после последнего товара


Egor2014

Recommended Posts

Появляется пустое место после прокрутки влево последнего товара, нужно это убрать

Код слайдера:

<div class="pagcolor">
<div id="slideshow<?php echo $module; ?>" class="swiper-container">
<div class="swiper-wrapper">
<?php foreach ($banners as $banner) { ?>
<div class="item swiper-slide">
<div class="visible-md visible-lg"><?php echo htmlspecialchars_decode($banner['description']);?></div>
<?php if ($banner['link']) { ?>
<a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive scaleslide" /></a>
<?php } else { ?>
<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive scaleslide" />
<?php } ?>
</div>
<?php } ?>
</div></div>
<div class="swiper-pager">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div></div>
<script>
$(document).ready(function () { var viewedSwiper = new Swiper ('#slideshow<?php echo $module; ?>.swiper-container', { mode: 'horizontal', <?php if ($transitionStyle != '0') { ?> effect: <?php if ($transitionStyle == '1') { ?>"fade",<?php } ?><?php if ($transitionStyle == '2') { ?>"coverflow",<?php } ?><?php if ($transitionStyle == '3') { ?>"cube",<?php } ?> <?php } ?> watchSlidesVisibility:true, watchSlidesProgress:true, loop: true, grabCursor:true, autoplayDisableOnInteraction: true, speed:1000, autoplay: 5000, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, autoplay: { delay: 5000, }, }) 
viewedSwiper.on('transitionStart', function () { $('.swiper-slide').find('.text-slider1').removeClass('ef-slider1'); $('.swiper-slide').find('.text-slider2').removeClass('ef-slider2'); $('.swiper-slide').find('.text-slider3').removeClass('ef-slider3'); $('.swiper-slide').find('.text-slider4').removeClass('ef-slider4'); $('.swiper-slide.swiper-slide-active').find('.text-slider1').addClass('ef-slider1'); $('.swiper-slide.swiper-slide-active').find('.text-slider2').addClass('ef-slider2'); $('.swiper-slide.swiper-slide-active').find('.text-slider3').addClass('ef-slider3'); $('.swiper-slide.swiper-slide-active').find('.text-slider4').addClass('ef-slider4'); }); });
//stop on hover
$(document).ready(function(){var a=document.querySelector(".swiper-container").swiper;$(".swiper-container").mouseenter(function(){a.autoplay.stop()}),$(".swiper-container").mouseleave(function(){a.autoplay.start()})});
</script>

 

Надіслати
Поділитися на інших сайтах


9 минут назад, spectre сказал:

а что вы предлагаете с этим кодом делать?

Полагал здесь причина, вот сайт: test.трапеза18.рф   смотреть на мобильной версии Бизнес-Ланч

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.