Galleria Deletion Icon

Question

私はGalleriaパッケージを使用して画像ギャラリーを作成しています。私は現在、削除ツールを追加して、ユーザーが希望するイメージを削除できるようにしたいと考えています。

thisのデモをベースラインとして使用して、必要なコードの要素を取り上げ、ギャラリーページhereに組み込みました。問題は、各画像の下部に「ビン」アイコンが表示されないため、画像を画面から消える機能が実際に機能しているかどうかはわかりません。私は、サーバーからイメージを削除するコードは必要ありません。私は後でそれを扱います。

私はJavacriptとjQueryを本当に新しくしていますので、私に話しかけてください。しかし、私は数週間これについて作業してきました。私は解決策を見つけることができません。

私はちょうど誰かがこれを見て、私がどこに間違っているのかを教えてくれるかどうか疑問に思いました。

感謝し、あなたのCSSルールにこのスタイルを追加することに関して

Answer 1

：あなたのjQuery

.btn-delete { 
    width: 14px; height: 14px; 
    margin: 38px 0 0 66px; 
    position: absolute; 
} 
.icon-remove { background-position: -312px 0; } 
.icon-white { background-image: url('http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings-white.png'); } 

と中：

：

$(".galleria-image").append(
    "<span class='btn-delete icon-remove icon-white'></span>"); 

$(".btn-delete").live("click", function() { 
    var img = $(this).closest(".galleria-image").find("img"); 

    alert('Deleting image... ' + $(img).attr("src")); 
    return false; 
}); 

このような何かを行います

たとえば、ユーザーが削除したい画像のID/SRCを渡して、コードを更新/削除することができます。$.get()を使用してajaxリクエストを送信することができます。