78 lines
2.5 KiB
JavaScript
Executable File
78 lines
2.5 KiB
JavaScript
Executable File
/*
|
|
* Bootstrap Image Gallery JS Example 2.9
|
|
* https://github.com/blueimp/Bootstrap-Image-Gallery
|
|
*
|
|
* Copyright 2012, Sebastian Tschan
|
|
* https://blueimp.net
|
|
*
|
|
* Licensed under the MIT license:
|
|
* http://www.opensource.org/licenses/MIT
|
|
*/
|
|
|
|
/*jslint unparam: true */
|
|
/*global window, document, $ */
|
|
|
|
$(function () {
|
|
'use strict';
|
|
|
|
// Start slideshow button:
|
|
$('#start-slideshow').button().click(function () {
|
|
var options = $(this).data(),
|
|
modal = $(options.target),
|
|
data = modal.data('modal');
|
|
if (data) {
|
|
$.extend(data.options, options);
|
|
} else {
|
|
options = $.extend(modal.data(), options);
|
|
}
|
|
modal.find('.modal-slideshow').find('i')
|
|
.removeClass('icon-play')
|
|
.addClass('icon-pause');
|
|
modal.modal(options);
|
|
});
|
|
|
|
// Toggle fullscreen button:
|
|
$('#toggle-fullscreen').button().click(function () {
|
|
var button = $(this),
|
|
root = document.documentElement;
|
|
if (!button.hasClass('active')) {
|
|
$('#modal-gallery').addClass('modal-fullscreen');
|
|
if (root.webkitRequestFullScreen) {
|
|
root.webkitRequestFullScreen(
|
|
window.Element.ALLOW_KEYBOARD_INPUT
|
|
);
|
|
} else if (root.mozRequestFullScreen) {
|
|
root.mozRequestFullScreen();
|
|
}
|
|
} else {
|
|
$('#modal-gallery').removeClass('modal-fullscreen');
|
|
(document.webkitCancelFullScreen ||
|
|
document.mozCancelFullScreen ||
|
|
$.noop).apply(document);
|
|
}
|
|
});
|
|
|
|
// Load images via flickr for demonstration purposes:
|
|
// $.ajax({
|
|
// url: 'http://api.flickr.com/services/rest/',
|
|
// data: {
|
|
// format: 'json',
|
|
// method: 'flickr.interestingness.getList',
|
|
// api_key: '7617adae70159d09ba78cfec73c13be3'
|
|
// },
|
|
// dataType: 'jsonp',
|
|
// jsonp: 'jsoncallback'
|
|
// }).done(function (data) {
|
|
// var gallery = $('#gallery'),
|
|
// url;
|
|
// $.each(data.photos.photo, function (index, photo) {
|
|
// url = 'http://farm' + photo.farm + '.static.flickr.com/' +
|
|
// photo.server + '/' + photo.id + '_' + photo.secret;
|
|
// $('<a data-gallery="gallery"/>')
|
|
// .append($('<img>').prop('src', url + '_s.jpg'))
|
|
// .prop('href', url + '_b.jpg')
|
|
// .prop('title', photo.title)
|
|
// .appendTo(gallery);
|
|
// });
|
|
// });
|
|
}); |