2011-11-14 18 views
0

午後すべて..Jquery cycle - ブラウザウィンドウの変更による画像の自動サイズ変更

3つの画像のjqueryサイクルスライドショーを含むイントロページのあるサイトがあります。

ブラウザウィンドウに従って画像のサイズが変更されるようにCSSを設定しました。

画像が自分のものであれば問題ありませんが、スライドショーの一部である場合は、画像を適切に合わせるために画面を更新する必要があります。実際には、実際にはサイズ変更が自動的に行われるのではなく、ウィンドウサイズが手動で変更されるだけで自動的に正しくサイズ変更されます。

URLがある - http://subzerostudio.com/Clients/ex1/index.html -

ウィンドウサイズがいっぱいになった場合は、スライドショー中にダウンウィンドウサイズを持参し、それを残す場合はイメージが同じ正しいサイズであり、ことがわかりますの画像それでも、ウィンドウのサイズを変更すると、最初にロードされた前の高さと幅のままです。

これらはまた、ある程度まで異なる解像度に合うように、位置的に柔軟であるように設定されていますが、この面は問題ありません。

これがソートされたら、外出する準備ができています。どのアイデアも高く評価されています!

クリス

+1

jQueryのサイズ変更メソッドを確認してください:http://api.jquery.com/resize/ –

+0

こんにちはBaszzさん、ありがとう!私は見てきましたが、これをどのように統合するかは完全には分かっていません。スライドショーとどのように話し合うのかを指摘できますか? –

+0

スライドショーのコードがわからないので、私はそれを手伝ってはいけません。私はあなたがresizeメソッドを実装し、スライドショーで使用されているいくつかの変数や何かを設定すべきだと思います。あるいは、サイズ変更時にスライドショーを再初期化してみてください。 –

答えて

0

他の誰がこの上で立ち往生場合 - stackoverflow.com/questions/2183869/... - この記事は非常に効率的に問題の世話をしているようだJSとCSSの単純なビットを与えます: )

関連する問題