Shodan.UI.Slideshow

What is it?

A simple image slideshow

Demo

Basic example with default options

slide 1 slide 2 slide 3 slide 4

HTML

Javascript

CSS

Style as you see fit. The styling of the title in the demo above is purely an example.

Usage

See the demo for an example markup pattern.

new Shodan.UI.Slideshow(element (String)[, options (Object)]);
  • element (DOM Element | String): A DOM element or ID
  • options (Object): Various configuration options

Options

  • delay (Integer): The delay between slide transitions. Default: 3.
  • displayTitle (Bool): Set to false to hide the slide title. Default: true.
  • height (Integer): The height of the slideshow. Default: 450
  • slideSelector (String) CSS selector for the slides. Default: '.sh-ui-slideshow-slide'.
  • transitionDuration (Integer): The duration of the transition effect. Default: 0.5
  • width (Integer): The width of the slideshow. Default: 600.

ToDo

  • Examples demonstrating additional options.