如何在 Rails 应用程序中向 Galleria 添加自定义描述



我正在使用Galleria(经典),但我无法让它在图像上添加自定义描述。否则图库工作正常,只有我在标题中看到 img 文件名。

我正在尝试使用 dataConfig 函数 - http://galleria.io/docs/options/dataConfig/。 我不擅长JavaScript,所以我真的看不出我做错了什么。

我的代码:

 <div id="galleria">
   <% for image in @trip.images %>  
   <%= link_to image_tag(image.image.url(:thumb)), image.image.url(:large) %> 
 <span class="desc"> <%= image.title %>  </span>
   <% end %>
</div>
<script>
    Galleria.run('#galleria');
    Galleria.configure({
         minScaleRatio: 1.5,
         maxScaleRatio: 3,
         dataConfig: function(img) { return { description: $(img).next('.desc').html() }; }
   });
</script>
</div>

你能帮忙吗?谢谢!

更新:生成的 HTML 代码

 <div id="galleria">
   <a  href="http://s3.amazonaws.com/Thrill/images/439/large/14d8868ac166ce1.54701969.JPG?1326357617"><img alt="14d8868ac166ce1.54701969" src="http://s3.amazonaws.com/Thrill/images/439/thumb/14d8868ac166ce1.54701969.JPG?1326357617" /></a>  
   <span class="desc" style=""> aaaaaaaaaaaaaaa </span>
   <a href="http://s3.amazonaws.com/Thrill/images/440/large/14c77a671ced5e4.22721576.JPG?1326357627"><img alt="14c77a671ced5e4.22721576" src="http://s3.amazonaws.com/Thrill/images/440/thumb/14c77a671ced5e4.22721576.JPG?1326357627" /></a>   
   <span class="desc" style=""> bbbbbbbbbbbbbbbbbbbbbbbbb </span>
 </div>

它应该工作:http://jsfiddle.net/7g7am/

Galleria.run('#galleria', {
    dataConfig: function(img) {
        return {
            description: $(img).parent().next('.desc').html()
        };
    }
});
​

我从未使用过它,但我看到您的图像在标签内,并且您正在尝试导航到从标签开始。首先,您必须移动到父标记,然后导航到下一个标记。

$(img).parent().next('.desc').html()

希望这是解决方案。

相关内容

  • 没有找到相关文章

最新更新