最速怪談選手権

こんにちは。
当方webデザインを生業としているのですが、
クライアントより表題の要望がありまして、急遽本日中に対応しなければいけなくなりました。

イメージとしては、
http://workshop.rs/projects/jqfancytransitions/
で示されているサンプル2つ目の、「wave」を選んだ時のエフェクトが画面いっぱいに背景画像として表示される感じです。
(画像はno-repeatで、スクロールバーは出てはいけない)

そこで上述のページにて用いられているスクリプトを用いて実現を試みたのですが、
条件を満たすものはできませんでした。
恥ずかしながらスクリプトを改変する技量もなく、途方に暮れております。

他にもいくつかスクリプトを当たってみましたが、満足いくものは見つかりませんでした。
上述要件を満たすような配布javascriptをご存知であれば教えていただけないでしょうか。

A 回答 (1件)

ご提示のスクリプトを利用する場合、画像のサイズ指定が必要なようですが、それはOKということでいいのでしょうか?


(100%で指定すると、画像がタイリングされてしまう)


対象とするdivの外側にラッパーを作っておいて
 position:absolute; width:100%; height:100%; overflow:hidden; z-index:-10;
その内側でサイズ指定可能なdivにスクリプトを適用すれば、
擬似背景画像でリピートなし、スクロールバーなしが実現できます。
(ご質問の通りなのかどうかはよくわかりませんが…)

ラッパーなしで、直接100%にしておいてリピートなしとかだと、サイズ調整の他に、ウィンドウをリサイズした時にも処理が必要になるので面倒そう。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!