https://teratail.com/questions/73840
時間調整できるローディング画面を実装したいと思い、
こちらを参考に入れたのですが、
ローディング後、表示されるはずの「bxslider」を利用したスライドショーの
画像が表示されなくなりました。
こちら2つを共存するにはどの様にすれば良いのでしょうか?
###該当のソースコード
//ローディング var time=new Date().getTime(); jQuery(function(){ var h = $(window).height(); $('#wrapper').css('display','none'); $('#loader-bg ,#loader').height(h).css('display','block'); }); $(window).on('load',function () { var now = new Date().getTime(); if (now-time<=3000) { setTimeout('stopload()',6500-(now-time)); return; } else { stopload(); } }); jQuery(function(){ setTimeout('stopload()',10000); }); function stopload(){ $('#wrapper').css('display','block'); $('#loader-bg').delay(900).fadeOut(800); $('#loader').delay(600).fadeOut(300); } //bxslider jQuery(document).ready(function($){ $('.bxslider').bxSlider({ auto: true, controls: false, autoHover: true, pause: 5000 }); });
###試したこと
どちらかを外せば、どちらかが表示されるので
共存のところかとは思ってはいるのですが、
力足らずで。。。
お力をお貸しください。
###補足情報(言語/FW/ツール等のバージョンなど)
jquery2.0.0
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/15 01:11