Question

我一直在编写自己的Lightbox脚本（了解有关jQuery的更多信息）。

我的字幕代码如下（问题是每张图片上的字幕都相同）：

close.click(function(c) {
    c.preventDefault();
    if (hideScrollbars == "1") {
        $('body').css({'overflow' : 'auto'}); 
    }
    overlay.add(container).fadeOut('normal');
    $('#caption').animate({ 
        opacity: 0.0
        }, "5000", function() {
            $('div').remove('#caption'); 
        });
    });

  $(prev.add(next)).click(function(c) {
    c.preventDefault();
    $('div').remove('#caption') 
    areThereAlts = "";
    var current = parseInt(links.filter('.selected').attr('lb-position'),10);
    var to = $(this).is('.prev') ? links.eq(current - 1) : links.eq(current + 1);
    if(!to.size()) {
      to = $(this).is('.prev') ? links.eq(links.size() - 1) : links.eq(0);
    }
    if(to.size()) {
      to.click();
    }
  });

Answer 1

所以，我发现了什么是错的（干杯邓！），在代码的下面我有以下功能（我必须在删除标题代码中添加“链接”）：

links.each(function(index) {
    var link = $(this);
    link.click(function(c) {
      c.preventDefault();
      if (hideScrollbars == "1") {
        $('body').css({'overflow' : 'hidden'});
      }
      open(link.attr('href'));
      links.filter('.selected').removeClass('selected');
      link.addClass('selected');
      var areThereAlts = $(".thumb", link).attr("alt"); //"link" needed to be added here
        //alert(areThereAlts);
        if (areThereAlts !== "") {
            container.append('<div id="caption" style="display: block; font-family: Verdana; background-color: white; padding: 4px 5px 10px 5px; top -10px; width: 100%; height: 25px; vertical-align: middle; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; color: #3f3f3f;"><font color="#3f3f3f">'+areThereAlts+'</font></div>') //caption
        }
    });
    link.attr({'lb-position': index});
  });

jQuery Custom Lightbox问题

1 个答案: