1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
(function(window, $, PhotoSwipe){
$(document).ready(function(){
var more_link
var options = {
jQueryMobile: true,
loop: var_loop,
captionAndToolbarAutoHideDelay: var_autohide,
imageScaleMethod: "fitNoUpscale",
getToolbar: function(){
return '<div class="ps-toolbar-close"><div class="ps-toolbar-content"></div></div><div class="ps-toolbar-play"><div class="ps-toolbar-content"></div></div><div id="more_link">'+var_trad+'</div><div class="ps-toolbar-previous"><div class="ps-toolbar-content"></div></div><div class="ps-toolbar-next"><div class="ps-toolbar-content"></div></div>';},
getImageMetaData:function(el){
return {
picture_url: $(el).attr('data-picture-url')
};}
};
var myPhotoSwipe = $(".thumbnails a").photoSwipe(options);
// onShow - store a reference to our "more_link" button
myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onShow, function(e){
more_link = window.document.querySelectorAll('#more_link')[0];
});
// onToolbarTap - listen out for when the toolbar is tapped
myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onToolbarTap, function(e){
if (e.toolbarAction === PhotoSwipe.Toolbar.ToolbarAction.none){
if (e.tapTarget === more_link || Util.DOM.isChildOf(e.tapTarget, more_link)){
var currentImage = myPhotoSwipe.getCurrentImage();
window.location=currentImage.metaData.picture_url;
}
}
});
$(window).bind('orientationchange', set_thumbnails_width);
set_thumbnails_width();
});
}(window, window.jQuery, window.Code.PhotoSwipe));
function set_thumbnails_width() {
var dpr = window.devicePixelRatio>1 ? window.devicePixelRatio : 1
, nb_thumbs = Math.max(2, Math.ceil($('.thumbnails').width() / (var_thumb_width/dpr+2*5)))
, width = Math.floor(1000000 / nb_thumbs) / 10000;
$('.thumbnails li').css('width', width+'%');
}
|
