-

jQueryで背景画像をクロスフェードさせたいのですが、画像サイズを画面サイズに「合わせない」プラグインはあるでしょうか。さらに背景画像を固定したいのですが、、
画面サイズに合わせるプラグインは多数発見できたのですが、合わせないものが見つからないです。
初心者で申し訳ないですが、よろしくお願いします。

みんなの回答 2 件

名無しさんの回答

指定した背景画像をx秒毎に切り替えるjQueryプラグイン - Rewish

http://rewish.org/javascript/jquery_bg_switcher
名無し

ありがとうございます!!!さっそく試してみました。この指定が正しいのか分かりませんが、cssにfixedを指定すると、固定されるようです。ループすると背景が白くなる時があるのですが、原因不明です…もう少し見てみます。

名無し

cssにfixedは固定で合っていると思います。あと、背景画像のファイルサイズが大きい場合は処理が重くなってブラウザによっては動きがカクカクするので出来るだけ軽くした方がトラブルを避ける事ができますよ!

名無し

ありがとうございます!CSSへの記述で良かったんですね。画像サイズがかなり大きいので、画質を落とすなど調整したいと思います。

名無しさんの回答

CSSの「background-attachment: fixed;」と、「background-position: top left;」は同時に指定できないものでしょうか…fixed指定すると、背景画像の位置がおかしくなってしまいます。

名無し

情報が少ないので的確なアドバイスができませんが、同じbackground位置の指定なので最後に書かれたのが優先度が高くなると思います。「background-attachment: fixed;」や「background-position: top left;」をどの要素にしていしているのか分かりませんが通常は直接CSSで位置を指定するのではなくてjQueryのオプションなどで指定すると思うのですが。

名無し

ありがとうございます…!背景画像を左端から表示したいのですが、fixedを指定すると、全体の左端から始まってしまいます。jQueryで指定するべきだったのですね。cssに指定したものですが、こちらにアップしてみましたので、もしよろしければ見ていただけると大変助かります… testsystems.web.fc2.com/fc2_test1.html

名無し

お返事が遅くなりました。まず、お詫びしなければいけない事があります。私が言っていたCSSのfixedというのは「background-attachment:fixed」の事ではなく「position:fixed」の方だと思っていました。混乱させるような事を言ってしまって余計なお手間をおかけしました。申し訳ありません。backgroundでfixedを使用すると確かに開始位置がおかしくなりますね。これは解決する方法の一つとしては各ブラウザ用のCSSハックなどを使いそれぞれに「top left」ではなくピクセル指定で背景画像の開始位置を指定する事などで解決できると思いますが、あまり現実的ではないですよね。逆に背景画像はリピートだけさせて固定はせずに、リピート表示させている要素自体(container)を「position:fixed」にして「z-index」で背面へ移動させる事で同じような効果がだせると思います。あと、余談ですが外部ファイルのCSSに書いた指定とjQueryから直接HTMLファイルにスタイル指定された要素の指定では直接HTMLファイルに指定された記述の方が優先されますよ!知ってたらごめんなさい。少しでも力になれたなら幸いです。

名無し

ご丁寧にありがとうございます…!position:fixedで固定する方法を試してみたところ、固定は思い通りに出来たのですが、JSを適用させると表示が崩れてしまうようでした…もう少し調べてみたいと思います。 testsystems.web.fc2.com/fc2_test2.html jQueryの件は知らなかったので大変勉強になりました!本当にありがとうございました。

最終更新日:2012-09-19 (7,184 views)

関連するトピックス

ページ上部に戻る