Question

我想在羽毛模式图像下面添加一个标题。我尝试使用以下代码来执行此操作，因为此处有许多其他帖子建议，但它不起作用。

$.featherlightGallery.prototype.afterContent = function () {
            var caption = this.$currentTarget.find('img').attr('alt');
            this.$instance.find('.caption').remove();
            $('<div class="caption">').text(caption).appendTo(this.$instance.find('.featherlight-content'));
    }

相反，我在控制台中遇到以下错误：

Uncaught TypeError: Cannot read property 'prototype' of undefined
at main.js:62

featherlight.min.js:8 Featherlight: no content filter found  (no target specified)

以下是我将图像插入页面的方法。我的计划是在模态图像下方放置一个拇指，我认为至少让alt标签正确显示将是一个很好的第一步。如果有人真的可以帮助插入链接/图像而不是更好的alt标题！非常感谢任何帮助！

JAVASCRIPT

function putImages(){

if (ajaxCall.readyState==4){

    if(ajaxCall.responseText){
        // to separate the file names, with semicolons
        var resp = ajaxCall.responseText;
        var files = resp.split(";");
        // check if string isn't empty and add a thumbnail
        for(var i = 0; i < files.length; i++){

            if(files[i] != ""){

                document.getElementById("gallery").innerHTML += '<img class="myImg" src="/img/'+files[i]+'" width="198" height="198" alt="test" data-featherlight="/img/'+files[i]+'" />';
                picCount++;

                }
            }
        }
    }
}

HTML

    <div class="container">
      <!-- Image Gallery -->
      <div class="row">
        <div class="col-xs-12" id="gallery">

        </div>
      </div>
    </div>

Answer 1

错误消息告诉您$.featherlightGallery是undefined。你没有正确加载featherlight图库，或者如果只使用featherlight，那么你应该更改它。

如何向羽毛灯添加标题/拇指向上或向下

1 个答案: