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

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


daryam

Recommended Posts

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

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

 4444.png.e07a6691dec0e77769c3b86388b01f69.png

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

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


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

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

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

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 т.п. ну и стили

Змінено користувачем esculapra
Надіслати
Поділитися на інших сайтах

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

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

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

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

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

Вхід

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

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

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

×
×
  • Створити...

Important Information

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