Здравствуйте! Помогите понять, что делаю не так (по жизни знаю,но относительно кода-нет) На учебе дали задание сделать "простой" сладер в js и даже ссылку дали,
https://gist.github.com/cythux/8146948
может где-то не так ставлю кавычки?
бьюсь уже второй день, что не так
var counter = 0;
items = document.querySelectorAll('.diy-slideshow .show');
var prev=document.querySelector('.prev .diy-slideshow');
var next=document.querySelector('.next .diy-slideshow');
prev.onclick= function(){
items[counter].style.display='none';
counter= counter-1;
if (counter<0) {
counter=items.length -1;
} }
next.onclick=function () {
items[counter].style.display='none';
counter=counter+1;
if (counter>=items.length){
counter=1;}
<div class="diy-slideshow">
<figure class="show">
<img src="images/gallery/sea1.jpg" width="850" height="auto"><div class="description">Tortoise in the sea</div>
</figure>
<figure><img src="images/gallery/sea2.jpg" width="850" height="auto"><div class="description">Seashells</div>
</figure>
<figure><img src="images/gallery/beach.jpg" width="850" height="auto"><div class="description">Beatiful beach</div>
</figure>
<figure><img src="images/gallery/sunrise.jpg" width="850" height="auto"><div class="description">Wonderful sunrice</div>
</figure>
<figure><img src="images/gallery/bollard.jpg" width="850" height="auto"><div class="description">Quay</div>
</figure>
<figure><img src="images/gallery/lake.jpg" width="850" height="auto"><div class="description">Amazing sunrice on the lake</div>
</figure></div>
<span class="prev"> <<</span>
<span class="next"> >></span>