jQuery基于窗口照片查看器插件

// build images array

var items = [

    {

        src: 'path/to/image1.jpg', // path to image

        caption: 'Image Caption 1' // If you skip it, there will display the original image name(image1)

    },

    {

        src: 'path/to/image2.jpg',

        caption: 'Image Caption 2'

    }

];

// define options (if needed)

var options = {

    // optionName: 'option value'

    // for example:

    index: 0 // this option means you will start at first image

};

// Initialize the plugin

var viewer = new PhotoViewer(items, options);

$('[data-gallery=manual]').click(function (e) {

  e.preventDefault();

  var items = [],

    // get index of element clicked

    options = {

      index: $(this).index()

    };

  // looping to create images array

  $('[data-gallery=manual]').each(function () {

    let src = $(this).attr('href');

    items.push({

      src: src

    });

  });

  new PhotoViewer(items, options);

});

$('[data-gallery=jquery]').photoviewer(options);

new jBox('Notice', {

    content: 'Hurray! A notice!',

    color: 'blue'

});