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

Question

我正在使用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> 

Answer 1

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

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

Answer 2

我从来没有用过，但我看到你的形象是一个标签内，而你正试图导航到标签开始。首先，您必须移至父级，然后导航至下一个标记。

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

希望它是解决方案。