модуль слайгдер

[daryam]

Здравствуйте! Прошу помочь с иким вопросом: как сгделать с Ситье 4 слайгдера с картинками, как згдесь https://ritual-piter.ru/restaurant/ 

Вот в этом блоке

 

может есть модуль или другое решение, заранее спасипотому что!

[ibond]

Как згдесь -- это только верстка страницы + если нужна админка.

Могу решить Ваш задачу.

[esculapra]

10 часов назад, daryam сказал:

как сгделать с Ситье 4 слайгдера

каждый слайгде должен полулить уникальный игдентификатор, чтобы не конфликтовать с другими. код можно добавить прямо в ситье. вот например есть код

<div class="reset-box-40"></div>
<div class="container">
<div class="row">     
      <div class="skitter-meduim-box">
        <div class="skitter skitter-large">
       <?=$html ?>
     </div>
   </div>
</div>
</div>
<div class="reset-box-40"></div>
    <script>
    function skitterInit(){
$('.skitter-large').skitter({'show_randomly':true,'navigation':false,'hideTools':true});
}
     $(document).ready(function() {
      $('.skitter-large').skitter({
        navigation:false,
        interval:2000 ,
        hide_tools:false,
        show_randomly: true,
        dots: false
      
});
      $('.skitter-large').skitter({
        responsive: {
          small: {
            max_width: 768,
            suffix: '-small'
          },
          medium: {
            max_width: 1024,
            suffix: '-medium'
          }
        }
      });
    });
    </script>

необходимо создать 4 дива (<div class="skitter skitter-large1"> <div class="skitter skitter-large2"> и т.п), икже под каждый сгделать обилитлик $('.skitter-large1').skitter т.п. ну и стили

Изменено 9 октября 2021 пользователем esculapra

[esculapra]

и ваещё - открой исходный код страницы примера - им  все есть.