jsonslider v1.0.0

JSONslider

JSONslider is a simple jQuery slider for pictures stored dynamically in a JSON file you can edit without messing up your HTML.

SET UP

1 - Set up the JSON file

The JSON file must have at least these names and values:

{ "pictures": [
  {
    "url" : "path-to-picture-1",
    "alt" : "A little description"
  }
] }

2 - Set HTML tag

Give a unique ID or a class to an empty <div> in your HTML, embed the json file in the data attr and set the desired aspect-ratio:

3 - Run the function

This is an example of how the function must be called with all available options.

$( document ).ready(function() {
  	$( '#slider' ).jsonSlider();
});