bug:2848
The "More Info" link now works and redirects to the picture page git-svn-id: http://piwigo.org/svn/trunk@23745 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
parent
6814153630
commit
251bbd5704
2 changed files with 15 additions and 8 deletions
|
|
@ -1,26 +1,32 @@
|
|||
(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><a href="#" id="more_link">'+var_trad+'</a><div class="ps-toolbar-previous"><div class="ps-toolbar-content"></div></div><div class="ps-toolbar-next"><div class="ps-toolbar-content"></div></div>';},
|
||||
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);
|
||||
myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onDisplayImage, function(e){
|
||||
// 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();
|
||||
$("#more_link").attr("href", currentImage.metaData.picture_url);
|
||||
});
|
||||
$(document).bind('orientationchange', set_thumbnails_width);
|
||||
$("#more_link").click(function(){
|
||||
console.log($(this).attr('href'));
|
||||
});
|
||||
window.location=currentImage.metaData.picture_url;
|
||||
}
|
||||
}
|
||||
}); $(document).bind('orientationchange', set_thumbnails_width);
|
||||
set_thumbnails_width();
|
||||
});
|
||||
}(window, window.jQuery, window.Code.PhotoSwipe));
|
||||
|
|
|
|||
|
|
@ -27,6 +27,7 @@
|
|||
font-size: 1.1em;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-panel-inner > .ui-listview {
|
||||
margin: -15px -15px 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue