need gallery help

@TumblersMar 13.2019 — #I advise you to search for github, there are examples of code that you need.

@analyticMar 21.2019 — #I have javaScript code that will do the slider portion. You will just need to add the HTML/CSS. Not sure if you're familiar with JS.

var sliderImages = document.querySelectorAll(".slide"),

arrowLeft = document.getElementById("arrow-left"),

arrowRight = document.getElementById("arrow-right"),

current = 0;

//clear images

function reset() {

for (i = 0; i < sliderImages.length; i++) {

sliderImages[i].style.display = "none";

}

}

//initialize slider

function startSlide() {

reset();

sliderImages[0].style.display = "block";

}

//show prev

function slideLeft() {

reset();

sliderImages[current - 1].style.display = "block";

current--;

}

//left arrow click

arrowLeft.addEventListener("click", function() {

if (current === 0) {

current = sliderImages.length;

}

slideLeft();

});

//right arrow click

function slideRight() {

reset();

sliderImages[current + 1].style.display = "block";

current++;

}

arrowRight.addEventListener("click", function() {

if (current === sliderImages.length - 1) {

current = -1;

}

slideRight();

});

startSlide();

You also would want a modal, which is easy to do.

@rootMar 21.2019 — #[[2,3,4,8],[2,4]]

need gallery help

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

need gallery help

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴