W demo masz trzy slidery bo jest trzy razy powtórzony html
<div class='dnSlide-main'>
<img src="images/web-front/web-1.jpg" width="100%">
<img src="images/web-front/web-2.jpg" width="100%">
<img src="images/web-front/web-3.jpg" width="100%">
<img src="images/web-front/web-4.jpg" width="100%">
<img src="images/web-front/web-5.jpg" width="100%">
<img src="images/web-front/web-6.jpg" width="100%">
<img src="images/web-front/web-7.jpg" width="100%">
</div>
<button class="show" type="button">SHOW</button>
<button class="hide" type="button">HIDEEN</button>
<div class='dnSlide-main'>
<img src="images/sea/sea-1.jpg" width="100%">
<img src="images/sea/sea-2.jpg" width="100%">
<img src="images/sea/sea-3.jpg" width="100%">
<img src="images/sea/sea-4.jpg" width="100%">
<img src="images/sea/sea-5.jpg" width="100%">
<img src="images/sea/sea-6.jpg" width="100%">
<img src="images/sea/sea-7.jpg" width="100%">
</div>
<div class='dnSlide-main'>
<img src="images/seasion/spring-1.jpg" width="100%">
<img src="images/seasion/spring-2.jpg" width="100%">
<img src="images/seasion/spring-3.jpg" width="100%">
<img src="images/seasion/spring-4.jpg" width="100%">
<img src="images/seasion/spring-5.jpg" width="100%">
<img src="images/seasion/spring-6.jpg" width="100%">
<img src="images/seasion/spring-7.jpg" width="100%">
<img src="images/seasion/spring-8.jpg" width="100%">
<img src="images/seasion/spring-9.jpg" width="100%">
<img src="images/seasion/spring-10.jpg" width="100%">
<img src="images/seasion/spring-11.jpg" width="100%">
<img src="images/seasion/spring-12.jpg" width="100%">
<img src="images/seasion/spring-13.jpg" width="100%">
</div>
Poprostu wykorzystaj tylko jeden
znam tylko html i css
NAPEWNO?