Lightbox 2.51 - 如何将关闭按钮和图像编号移到顶部？ [英] Lightbox 2.51 - how to move close button and image number to the top?

问题描述

我正在使用Lightbox 2.51，我无法找到将lb-dataContainer与关闭按钮和当前图像编号等移动到顶部的解决方案

I'm using Lightbox 2.51 and I can't find a solution to move lb-dataContainer with close button and current image number etc to the top

我只找到旧的解决方案版本。

I only found solutions for the old versions.

代码可以在这里找到： http://lokeshdhakar.com/projects/lightbox2/releases/lightbox2.51.zip

Code can be found here: http://lokeshdhakar.com/projects/lightbox2/releases/lightbox2.51.zip

推荐答案

解决方案是使用数据容器更改外部容器：

The solution is to change outer container with data container:

Lightbox.prototype.build = function() {
  var $lightbox,
    _this = this;

  $("<div>", {id: 'lightboxOverlay'}).after
    (
          $('<div/>', {id: 'lightbox'}
          ).append(

          $('<div/>', {
            "class": 'lb-dataContainer'
          }).append($('<div/>', {
            "class": 'lb-data'
          }).append($('<div/>', {
            "class": 'lb-details'
          }).append($('<span/>', {
            "class": 'lb-caption'
          }), $('<span/>', {
            "class": 'lb-number'
          })), $('<div/>', {
            "class": 'lb-closeContainer'
          }).append($('<a/>', {
            "class": 'lb-close'
          }).append($('<img/>', {
            src: this.options.fileCloseImage
        })))
 )),

          $('<div/>', {"class": 'lb-outerContainer'}).append
          ( $('<div/>', {
                "class": 'lb-container'
              }).append($('<img/>', {
                "class": 'lb-image'
              }), $('<div/>', {
                "class": 'lb-nav'
              }).append($('<a/>', {
                "class": 'lb-prev'
              }), $('<a/>', {
                "class": 'lb-next'
              })), $('<div/>', {
                "class": 'lb-loader'
              }).append($('<a/>', {
                "class": 'lb-cancel'
              }).append($('<img/>', {
                src: this.options.fileLoadingImage
              }))))
          )

)
    ).appendTo($('body'));
  $('#lightboxOverlay').hide().on('click', function(e) {
    _this.end();
    return false;
  });

这篇关于Lightbox 2.51 - 如何将关闭按钮和图像编号移到顶部？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！