画像単体のブラウザでの読み込みに20~30秒かかる画像(下記hoge.jpg)を
jQueryで動的に表示しようとすると、まったく表示されません。
(画像単体で読み込みに時間がかからないものなら、問題なく表示できます)
解決策があれば教えてください。なるべくシンプルなものほどうれしいです。
url = "http://example.com/hoge.jpg";
$('body').append( '<img src="" id="foo" />' );
$("#foo").attr( 'src', url );
jQuery.ajax(options)で設定されているタイムアウトが短い可能性が高いです。下記を参考にどんなエラーが帰ってきているか調べてみて下さい。
http://allabout.co.jp/gm/gc/24218/
もしタイムアウトであった場合、
timeoutを60秒くらいに設定してあげて下さい。
$.ajaxTimeout(60000);
タイムアウトはミリ秒で設定しますので、
1000で1秒ですから60000で60秒です。
実際にそんなに重い画像を開くのは現実的でない気がしますが。。