0

私は小さな問題の解決策を見つけるために何日もかけて努力しています：

ナビゲーションボタン付きのカルーセル画像スライダーをたくさん見 たので、画像の数を動的に初期化し、スライダーを作成して、[次へ]ボタンと[前へ]ボタンでナビゲートできるようにしますが、すべてのサイズを変更することはできません。例：http ：//www.bxslider.com/examples/display-move-multiple-slides-once-example-one

私の問題は、電話ごとに解像度が変化する場所で、jQuery Mobileそれを使用して表示したいということです。mobile適合するかどうかをテストするのに最適な方法は、ブラウザウィンドウのサイズを変更し、スライダーが表示されるかどうかを確認することです。上記の例では、サイズ変更できません。

3つの画像、中央に1つ、コナーに2つ、その下にテキストがあり、画像を1つの画像と重要なシンでスクロールしてサイズを変更できるナビゲーションボタンを使用して、同様の画像を作成するにはどうすればよいですか。

電話の同様の例が見つかりました：http：//m.husqvarnacp.com/us/ですが、読み取り可能ではありません。

助けてくれてありがとう...

4

2 に答える 2

1

ブラウザー ウィンドウのサイズ変更に基づいてページをスケーリングする場合は、この手法を検討する必要があります。 ブラウザ ウィンドウのサイズが変更されたときにスケーリングする Web ページを実装する方法は?

問題が画像のサイズが異なることだけである場合は、画像の高さを修正し、幅を変化させて、スライダーがページのレイアウトに影響を与えないようにすることができます。このギャラリー スライダー プラグイン、Step Carousel プラグインも検討してください。

于 2012-11-10T10:39:13.360 に答える
0

flexslider を使用してこれを達成することができました: http://www.woothemes.com/flexslider/

セットアップは非常に簡単で、デモ ( http://flexslider.woothemes.com/ ) でわかるように、レスポンシブです。

タッチ イベントにも対応しているため、モバイルに最適です。

于 2012-11-10T10:39:18.280 に答える