spanカスタム/ユーザー定義の URL からの画像が読み込まれたときに、単純なイベント (html の変更) を実現したいと考えています。
http://jsfiddle.net/n2m8u5xb/3/
$('#btn').click(function(){
$(this).html('loading...'); //works
$('#img').css("backgroundImage", "url('"+$("#img-url").html()+"')");
$('#img-url').html(url('"+$("#img-url").html()+"'));
});
$('#img').load(function(){
$('#btn').html('Go'); //doesn't work
});
このload()機能は動作しません。if elseクリック機能も試してみました。
では、この場合、カスタム イメージの読み込みを検出し、イベントをトリガーする方法は?
簡単なテスト用にいくつかのランダムな大きな画像を次に示します (最小 - 最大):
http://i.imgur.com/tJVDlKz.jpg
