bxsliderとローディングの設定を一緒にやったら、bxsliderが動きません。
すごく困っております。教えて頂けたら幸いでございます。
--------------bxslider------------------------------------------------
<script type="text/javascript"> $(function () { $('#slider').bxSlider({ auto: true, pause: 4000, speed: 1000, controls: false, captions: true, useCSS: false, mode: 'fade' }); }); </script>-------------ローディング-------------------------------------------------
<div id="loader-bg"> <div id="loader"> <img src="img-loading.gif" width="80" height="80" alt="Now Loading..." /> <p>Now Loading...</p> </div> </div> <div id="wrap"> -------------------------------------------------------------- <script> $(function() { var h = $(window).height();$('#wrap').css('display','none');
$('#loader-bg ,#loader').height(h).css('display','block');
});
$(window).load(function () { //全ての読み込みが完了したら実行
$('#loader-bg').delay(900).fadeOut(800);
$('#loader').delay(600).fadeOut(300);
$('#wrap').css('display', 'block');
});
//10秒たったら強制的にロード画面を非表示
$(function(){
setTimeout('stopload()',10000);
});
function stopload(){
$('#wrap').css('display','block');
$('#loader-bg').delay(900).fadeOut(800);
$('#loader').delay(600).fadeOut(300);
}
</script>
回答1件
あなたの回答
tips
プレビュー