Question

我正在使用drupal7 Photoswipe模块，该模块使用Photoswipe jQuery插件构建视图并显示照片库。目前，Photoswipe仅允许将图像标题显示为图像标题。

另外，为了显示同一内容节点中的其他文本字段，我将内容文本字段添加到视图中，并更改其显示以添加CSS类（.photo_text）。

然后我在photoswipe.jquery.js中修改了openPhotoSwipe函数以获取图像父html节点（$ image .parents（＆＃34; td：first＆＃34;））并选择它的孩子（？ .photo_text）CSS类，将它们添加为图像标题。

openPhotoSwipe: function(index, galleryElement, options) {
  var pswpElement = $('.pswp')[0];
  var items = [];
  options = options || Drupal.behaviors.photoswipe.photoSwipeOptions;

  var images = galleryElement.find('a.photoswipe');
  images.each(function (index) {
    var $image = $(this);
    var $eleme = $image.parents("td:first");
    var $eleme_class = $eleme.children('.photo_text');
    var $photo_text = "";
    if ( !!$eleme_class){
        for ( var i = 0; i < $eleme_class.length; i++ ){
            $photo_text += $eleme_class[i].innerHTML;
        }
    }else{
        $photo_text = "";
    }
    // end of add 
    size = $image.data('size') ? $image.data('size').split('x') : ['',''];
    items.push(
      {
        src : $image.attr('href'),
        w: size[0],
        h: size[1],
        title : $image.data('overlay-title') + $photo_text
      }
    );
  })

我现在想知道在不修改此模块的情况下是否存在一种最简单的方法来做同样的事情？

Photoswipe使用html代码设置图像标题

0 个答案: