0

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>
4

2 に答える 2

0

使用したことはありませんが、画像がタグ内にあり、タグから開始するようにナビゲートしようとしています。最初に親に移動してから、次のタグに移動する必要があります。

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

それが解決策であることを願っています。

于 2012-08-09T21:03:52.200 に答える
0

動作するはずです：http：//jsfiddle.net/7g7am/

Galleria.run('#galleria', {
    dataConfig: function(img) {
        return {
            description: $(img).parent().next('.desc').html()
        };
    }
});
​
于 2012-08-13T09:36:53.177 に答える