ВОбщем пишу слайдер например на слайдере выводится сразу 5 картинок которые видно и еще куча скрытых. Как мне обращатся к скрытым картинкам? количесвто картинок я считаю и записываю в переменную. Например при клике в право то скрывается 1-я а 6-я открывается при клике еще раз вправо то скрыться должны уже 1-я и 2-я а 6-я и 7-я должны быть видны как сделать?
Вариантов много и выбирать нужно исходя из определенной ситуации. Но в целом, можно ориентироваться на индексы элементов. Вот простейший примерчик HTML: <button>Next</button> <div id="wrapper"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </div> Код (Javascript): var divs = [].slice.call(document.querySelectorAll('#wrapper div')), btn = document.querySelector('button'), perPage = 2, // по 2 элемента на странице len = divs.length, counter = 0; btn.addEventListener('click', function() { divs.forEach(function(el, i) { el.style.display = i >= counter && i < counter + perPage ? 'inline-block' : 'none'; }); if ((counter += perPage) >= len) { counter = 0; } }, false); btn.click();
я знаю это. Но для jquery нужно подключать библиотеку и код немного отличается от javascript. По этому задаю вопрос!
@Dron-Boy, пример выше, я писал на нативном JS. Т.е. подключение каких-либо сторонних библиотек не требуется.