Creating a Carousel Using Only Jade(Pug), #javascript, #jquery and #css
▻https://hackernoon.com/creating-a-carousel-using-only-jade-pug-javascript-jquery-and-css-b69576
STEP 1: Create divs inside of your page that will contain the carousel elements.gallery .gallery-main .gallery-main-image img(src=”/images/gallery3.jpg”) .gallery-filmstrip a(href=””) img(src=”/images/gallery1.jpg”) a(href=””) img(src=”/images/gallery2.jpg”) a(href=””) img(src=”/images/gallery3.jpg”) a(href=””) img(src=”/images/gallery4.jpg”) a(href=””) img(src=”/images/gallery5.jpg”)STEP 2: Set the styles for all of the elements inside of your carousel:The Displayed Image Gallery:The div around the display for the selected image/set styles for the wrapper around the image that will be displayed on click/.gallery background-color: black;.gallery > .gallery-main position: relative; height: 400px; overflow: hidden;The div that contains the div that (...)