/bower_components/blueimp-gallery/js/demo/demo.js |
@@ -0,0 +1,93 @@ |
/* |
* blueimp Gallery Demo JS |
* https://github.com/blueimp/Gallery |
* |
* Copyright 2013, Sebastian Tschan |
* https://blueimp.net |
* |
* Licensed under the MIT license: |
* https://opensource.org/licenses/MIT |
*/ |
|
/* global blueimp, $ */ |
|
$(function () { |
'use strict' |
|
// Load demo images from flickr: |
$.ajax({ |
url: 'https://api.flickr.com/services/rest/', |
data: { |
format: 'json', |
method: 'flickr.interestingness.getList', |
api_key: '7617adae70159d09ba78cfec73c13be3' // jshint ignore:line |
}, |
dataType: 'jsonp', |
jsonp: 'jsoncallback' |
}).done(function (result) { |
var carouselLinks = [] |
var linksContainer = $('#links') |
var baseUrl |
// Add the demo images as links with thumbnails to the page: |
$.each(result.photos.photo, function (index, photo) { |
baseUrl = 'https://farm' + photo.farm + '.static.flickr.com/' + |
photo.server + '/' + photo.id + '_' + photo.secret |
$('<a/>') |
.append($('<img>').prop('src', baseUrl + '_s.jpg')) |
.prop('href', baseUrl + '_b.jpg') |
.prop('title', photo.title) |
.attr('data-gallery', '') |
.appendTo(linksContainer) |
carouselLinks.push({ |
href: baseUrl + '_c.jpg', |
title: photo.title |
}) |
}) |
// Initialize the Gallery as image carousel: |
blueimp.Gallery(carouselLinks, { |
container: '#blueimp-image-carousel', |
carousel: true |
}) |
}) |
|
// Initialize the Gallery as video carousel: |
blueimp.Gallery([ |
{ |
title: 'Sintel', |
href: 'https://archive.org/download/Sintel/' + |
'sintel-2048-surround.mp4', |
type: 'video/mp4', |
poster: 'https://i.imgur.com/MUSw4Zu.jpg' |
}, |
{ |
title: 'Big Buck Bunny', |
href: 'https://upload.wikimedia.org/wikipedia/commons/c/c0/' + |
'Big_Buck_Bunny_4K.webm', |
type: 'video/webm', |
poster: 'https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/' + |
'Big_Buck_Bunny_4K.webm/4000px--Big_Buck_Bunny_4K.webm.jpg' |
}, |
{ |
title: 'Elephants Dream', |
href: 'https://upload.wikimedia.org/wikipedia/commons/8/83/' + |
'Elephants_Dream_%28high_quality%29.ogv', |
type: 'video/ogg', |
poster: 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/90/' + |
'Elephants_Dream_s1_proog.jpg/800px-Elephants_Dream_s1_proog.jpg' |
}, |
{ |
title: 'LES TWINS - An Industry Ahead', |
type: 'text/html', |
youtube: 'zi4CIXpx7Bg' |
}, |
{ |
title: 'KN1GHT - Last Moon', |
type: 'text/html', |
vimeo: '73686146', |
poster: 'https://secure-a.vimeocdn.com/ts/448/835/448835699_960.jpg' |
} |
], { |
container: '#blueimp-video-carousel', |
carousel: true |
}) |
}) |