Я сейчас работаю с гладким слайдером, и я построил непрерывный слайдер. Проблема в том, что мне нужно, чтобы при наведении курсора на изображение оно сразу останавливалось, но я этого не понимаю.
Вот мой код с изображениями (wordpress):
<?php if ($gallery) : ?>
<div class = "row">
<div class = "autoplay">
<?php foreach ($gallery as $item) : ?>
<?php if (!$item['optionen']): ?>
<img src = "<?php echo $item['bild']['sizes']['large']; ?>"
alt = "<?php echo $item['alt']; ?>" data-lity>
<?php else: ?>
<a href = "<?php echo $item['video']; ?>" data-lity>
<img src = "<?php echo $item['bild']['sizes']['large']; ?>"
alt = "<?php echo $item['alt']; ?>"></a>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
и это jquery
$('.autoplay').slick({
slidesToShow: 3,
autoplay: true,
autoplaySpeed: 1,
infinite: true,
speed: 4000,
focusOnSelect: false,
pauseOnHover: true,
arrows: true,
cssEase: 'linear',
variableWidth: true,
centerMode: true,
responsive: [
{
breakpoint: 768,
settings: {
cssEase: 'none',
autoplay: false,
speed: 0,
autoplaySpeed: 0,
arrows: false,
}
},
{
breakpoint: 480,
settings: {
cssEase: 'none',
autoplay: false,
speed:0,
autoplaySpeed: 0,
arrows: false,
}
}
]
});
Пожалуйста, помоги мне. спасибо и привет
🤔 А знаете ли вы, что...
С PHP можно создавать красивые и функциональные графики с помощью библиотеки GD.