![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
こんにちは。
当方webデザインを生業としているのですが、
クライアントより表題の要望がありまして、急遽本日中に対応しなければいけなくなりました。
イメージとしては、
http://workshop.rs/projects/jqfancytransitions/
で示されているサンプル2つ目の、「wave」を選んだ時のエフェクトが画面いっぱいに背景画像として表示される感じです。
(画像はno-repeatで、スクロールバーは出てはいけない)
そこで上述のページにて用いられているスクリプトを用いて実現を試みたのですが、
条件を満たすものはできませんでした。
恥ずかしながらスクリプトを改変する技量もなく、途方に暮れております。
他にもいくつかスクリプトを当たってみましたが、満足いくものは見つかりませんでした。
上述要件を満たすような配布javascriptをご存知であれば教えていただけないでしょうか。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
ご提示のスクリプトを利用する場合、画像のサイズ指定が必要なようですが、それはOKということでいいのでしょうか?
(100%で指定すると、画像がタイリングされてしまう)
対象とするdivの外側にラッパーを作っておいて
position:absolute; width:100%; height:100%; overflow:hidden; z-index:-10;
その内側でサイズ指定可能なdivにスクリプトを適用すれば、
擬似背景画像でリピートなし、スクロールバーなしが実現できます。
(ご質問の通りなのかどうかはよくわかりませんが…)
ラッパーなしで、直接100%にしておいてリピートなしとかだと、サイズ調整の他に、ウィンドウをリサイズした時にも処理が必要になるので面倒そう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- ホームページ作成・プログラミング CGIが実行可能なHP領域又はレンタルサーバーでおすすめの所を教えてください 現在ホームページ領域の 1 2023/01/01 11:47
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- その他(Microsoft Office) 個人用のTeamsアプリは背景を変えられますか 2 2022/12/06 21:01
- 美術・アート デザインについての考察。 なぜ人の脳は、規則正しく連続した要素を「背景」と認識するのか、実験してみま 2 2022/04/11 21:08
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(Microsoft Office) スプレッドシートにて、条件付き書式で複数の単語に合致するセルを着色したいです。 2 2023/04/06 13:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryスライドショー画像への...
-
JavaScript スライドの画像にリ...
-
jQueryで特定のURLの時のみ表示
-
「画像の上を流れる文字列」を...
-
画像を切り替えランダム表示
-
Gifアニメ、最後のコマに行った...
-
Javascript で共通の処理をどこ...
-
ポップアップウインドウを開い...
-
1枚の画像をクリックして複数の...
-
Highslide JSで
-
MAX関数を使ってからLEFT JOIN...
-
読み込んだQRコードをフォーム...
-
前回の質問の続き
-
JavaScriptで変更した属性の元...
-
条件分岐でキーが入力されてい...
-
iframe内のリンクが飛ばないの...
-
【HTML、VBScript】HTAでのイベ...
-
JavaScriptで、?マークとコロ...
-
onclickとonmouseoverを同時に...
-
2階層のメニューを作ってjQuery...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
画像をフォルダに入れれば表示...
-
画像の重なりの順序を代える方...
-
スワップイメージが上手く動作...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
Gifアニメ、最後のコマに行った...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
1枚の画像をクリックして複数の...
-
各フォルダから1枚ずつ画像をラ...
-
画像を切り替えランダム表示
-
画像削除機能を付けたい
-
マウス追従スクリプトについて
-
画像ランダム表示、しかしダブ...
-
<table>、もしくは<iframe>内で...
-
1枚の画像をクリックすると複数...
-
画像とテキストのセットをラン...
おすすめ情報