画像のリストと簡単なギャラリーがあります。
<ul id="ulBack">
<li><img src="gallery/01.jpg"/></li>
<li><img src="gallery/02.jpg"/></li>
...
</ul>
次にprev
、next
ボタンをクリックします。
function change(){
var goImg = "url(" + $('#ulBack img' + ':eq(' + n +')').attr('src') + ")";
$('#divGaLL').css('background-image', goImg);
};
20 ~ 30 個の画像がある場合は問題なく動作しますが、90 個以上の画像 (7 MB) の場合、ページの読み込みに時間がかかりすぎ、firefox v.21 では「接続がリセットされました」と表示されます。
最初に 10 ~ 20 枚の画像を読み込み、次に残りの画像を読み込む方法はありますか (ギャラリーの閲覧中)。
または他の解決策。
注: 順序付けられていないリスト #ulBack は Web ページに表示されません。