jquery - 選択した画像IDを取得する方法

Question

Rails3アプリケーションでgalleriaプラグインを使用しています。データベースを更新するには、選択した画像からimgIDを取得する必要があります。メソッド.getActiveImageを使用してみましたが、実装方法がわかりません。

このコードを機能させる方法についてアイデアがある場合、または推奨する別の解決策がある場合は、お知らせください。

ありがとうございました。

Answer 1

イベントをリッスンしimage、galleriaDataプロパティの元のIMG要素をイベントオブジェクトから取得できます。

Galleria.on('image', function(e) {
    alert( e.galleriaData.original.id );
});

http://galleria.io/docs/api/events/#image

Answer 2

簡単

$(function() {  // <-- on dom ready
    $('img').click(function() {  // <-- bind click event to all images
        alert(this.id); // <-- alert current clicked image id
        // or this $(this).prop('id');  this using jquery object
    });
});​

Answer 3

プラグインのすべての画像に同じクラス名を付けることをお勧めします。プラグインの画像を選択すると、プラグインの画像のIDが表示されます。

<img class="agree" id="imageid" src="http://i158.photobucket.com/albums/t116/kaloesche68/Olympics.jpg" width="256" height="256"/>​

$(document).ready(function() {
  $("img.agree").click(function(){
       alert($(this).attr("id"));
       return false;
    });

});