0

メディア クエリを使用して、タブレットやスマートフォン用にサイズ変更するシンプルな静的 Web サイトを構築しました。回転する jquery バナーがあります。メディア クエリを使用して、バナーとその画像のサイズを変更しました。問題は、スマートフォン/タブレットで向きを変更しても、リフレッシュするまでバナーのサイズが変わらないことです。私が知りたいのは、方向の変更がjqueryで可能になったときにバナーを自動更新する方法です。

4

1 に答える 1

3

ページの更新以外にサイズ変更機能を使用することをお勧めします

$(window).resize(function() {
  // add the stuff here to execute the your slider again;
});

サンプルコードをチェックしてください http://sharetext.org/DSXR

サンプル V2 - http://sharetext.org/DSYC

それ以外の場合は、いくつかの柔軟なレスポンシブ スライダー プラグイン http://www.woothemes.com/flexslider/flexslider-demo/ を使用できます。ここからダウンロードできます https://github.com/woothemes/FlexSlider/downloads

于 2012-04-20T13:04:02.937 に答える