csc-adv-int-basic-gallery

Basic Gallery

Usage

const BasicGallery = require('csc-adv-int-basic-gallery');
 
document.addEventListener('DOMContentLoaded', () => {
  const base = document.getElementsByClassName('gallery')[0];
  const containerWidth = base.getBoundingClientRect().width;
  // 500 / 375 = containerWidth / X
  const displayHeight = Math.round((containerWidth * 375) / 500);
  base.style.height = "" + displayHeight + "px";
  const gallery = new BasicGallery(base.getElementsByClassName('full-images')[0]);
}, false);

Public Methods

/**
 * @param {!Element} container 
 * @param {{
 *     startSlide: (number|undefined),
 *     continuous: (boolean|undefined),
 *     speed: (number|undefined)
 *   }=} options
 */
constructor(container, options) { }
 
/** 
 * Advance to the next image
 */
next() { }
 
/** 
 * Advance to the previous image
 */
prev() { }
 
/**
 * A simple positive modulo using this.slides.length
 *
 * @param {number} index 
 * @return {number} 
 */
wrapIndex(index) { }
 
/**
 * @param {number} destinationIndex 
 * @param {number=} slideSpeed 
 * @param {boolean=} ignoreWrap 
 */
slide(destinationIndex, slideSpeed, ignoreWrap) {}
 
/**
 * @param {number} index 
 * @param {number} offset 
 * @param {number=} delay in milliseconds
 */
resetSlide(index, offset, delay) {}
 
/*
* Called whenever the slide index is changed. Override in derived classes
* to add specific handling.
*/
slideChanged() {};