Changeset 23745


Ignore:
Timestamp:
Jul 2, 2013, 9:29:24 PM (11 years ago)
Author:
flop25
Message:

bug:2848
The "More Info" link now works and redirects to the picture page

Location:
trunk/themes/smartpocket
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/themes/smartpocket/js/smartpocket.js

    r23718 r23745  
    11(function(window, $, PhotoSwipe){
    22  $(document).ready(function(){
     3    var more_link
    34    var options = {
    45      jQueryMobile: true,
     
    78      imageScaleMethod: "fitNoUpscale",
    89      getToolbar: function(){
    9 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>';},
     10return '<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>';},
    1011      getImageMetaData:function(el){
    1112        return {
     
    1415    };
    1516    var myPhotoSwipe = $(".thumbnails a").photoSwipe(options);
    16     myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onDisplayImage, function(e){
     17    // onShow - store a reference to our "more_link" button
     18    myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onShow, function(e){
     19      more_link = window.document.querySelectorAll('#more_link')[0];
     20    });
     21    // onToolbarTap - listen out for when the toolbar is tapped
     22    myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onToolbarTap, function(e){
     23    if (e.toolbarAction === PhotoSwipe.Toolbar.ToolbarAction.none){
     24      if (e.tapTarget === more_link || Util.DOM.isChildOf(e.tapTarget, more_link)){
    1725        var currentImage = myPhotoSwipe.getCurrentImage();
    18         $("#more_link").attr("href", currentImage.metaData.picture_url);
    19       });
    20     $(document).bind('orientationchange', set_thumbnails_width);
    21     $("#more_link").click(function(){
    22       console.log($(this).attr('href'));
    23       });
     26        window.location=currentImage.metaData.picture_url;
     27      }
     28    }
     29});     $(document).bind('orientationchange', set_thumbnails_width);
    2430    set_thumbnails_width();
    2531  });
  • trunk/themes/smartpocket/theme.css

    r23713 r23745  
    2828  text-decoration: none;
    2929  vertical-align: middle;
     30  cursor: pointer;
    3031}
    3132.ui-panel-inner > .ui-listview {
Note: See TracChangeset for help on using the changeset viewer.