ウィンドウが320px以下でない限り、ページに表示されるはずの画像の行があります。ウィンドウが320px以下の場合、カルーセルに画像が配置されています。私が抱えている問題は、ウィンドウが320pxを超えているときに、カルーセルを取り除く方法を見つけようとしていることです。したがって、シナリオは、ユーザーが向きを縦向きから横向きに変更するモバイルデバイス上にあります。デバイスが縦向きの場合はカルーセルに、横向きの場合は連続して画像を表示します。これが私がこれまでに持っているコードです:
<div class="carousel">
<img src="endlessSummer_154x176.jpg">
<img src="visa_154x176_new.jpg">
<img src="lifestyle_240x176_new_v2.jpg">
<img src="nfl_cy_410x176_new.jpg">
</div>
$(window).resize(function(){
if ( $(".carousel").css("width") === "320px") {
$(".carousel").carouFredSel();
}else{
$('.carousel').destroy();
}
});
あなたは近くにいます、あなたがする必要があるのは破壊を発射するためにトリガーイベントを呼び出すことです
$(window).resize(function(){
if ( $(".carousel").css("width") === "320px") {
$(".carousel").carouFredSel();
}else{
$('.carousel').trigger("destroy", true);
}
});
または、元の順序に戻す必要がない場合は、trigger( "destroy")を使用できます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加