https://github.com/dmitriyakkerman/simple-gallery

Simple product-cart gallery with the main image and the set of other images of the product
https://github.com/dmitriyakkerman/simple-gallery

Last synced: about 2 months ago
JSON representation

Simple product-cart gallery with the main image and the set of other images of the product

• Host: GitHub
• URL: https://github.com/dmitriyakkerman/simple-gallery
• Owner: dmitriyakkerman
• Created: 2018-11-06T14:02:40.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-05-06T09:27:37.000Z (about 5 years ago)
• Last Synced: 2025-02-15T06:16:52.595Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 3.32 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
**Example**

https://codepen.io/mickyholbrook/pen/GRpQpjB

1.Markup. Create the root element with any selector, put inside the container element and your images:

      


        


          

          

          

          

        

      

      

2.Add main styles im HEAD tag:


      

 

3.Add main Javascript code in the end of BODY tag:

            

      

4.Initialization. Init gallery by specifying the root selector:

      

        document.addEventListener('DOMContentLoaded', function() {

          new SimpleGallery({

            el: document.querySelector('.my-gallery')

          })

        })