HPの作成で、1×1ピクセルの画像をいわゆるループ的に無限に広げて使いたいのですが…どうしたら良いのでしょうか。
背景で使うのではありません。背景はすでにbackground属性での別画像があって、この背景画像の上に1×1ピクセルの画像を(背景画像と同サイズまでループ的に広げて)持ってきたいのです。
私がいう1×1ピクセルの画像とは透明gifのことです。いわゆる、背景画像をガードする目的ですね。
しかし、1×1ピクセルの画像を上に被せても、1×1ピクセルの画像のままで、ループ的に広がってくれません。ソフトはちなみにドリームウィーバーです。どなたかお分かりの方、宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
<img src="xx.gif" alt="" height="100" width="100">
のように、サイズをサイズを指定するだけです。
あくまで、1×1の画像をたくさん敷き詰めるのじゃなくて、1枚の画像を拡大します。
> 背景画像をガードする目的
こんな事しても気休め程度にしかならないけど。
結局は、見える=いくらもコピー可能ですから。
参考URL:http://wakabano.cool.ne.jp/dream/basic/img/img_0 …
有難うございました。後者に関しては気休め的であることは存じ上げています。しかしこれでガードできる人(相手)がいることも確か。
やらないよりやる>何もしない
が質問者の論理です。
前者、質問に答えてくださったことに感謝します。参考にさせていただきますね。
No.3
- 回答日時:
ちょっと質問者様がイメージされている画面の構成がわからないのですが、「1×1ピクセルの画像をいわゆるループ的に無限に広げて使いたい」「背景はすでにbackground属性での別画像があって」という言葉からすると、後者はbodyに設定された、所謂ウィンドウ領域一杯にレンダリングされる背景、ですか?もし、後者がその様な状態だとすると、前者は可変の状態で後者の領域に合わせてすっぽり覆い被さる、という様な構成(便宜上【構成A】とします)に思えますが違いますでしょうか?
もし【構成A】だと仮定させて頂きますと、対象領域が可変である以上、<img>で固定値のサイズを指定する事ができなくなります。また、<img>で配置した場合その領域の上には他のデータが乗せられない事になりますが(position: absolute;とかを駆使すればできないわけではないですけどまあ一般的に)、背景画像だけで、他は何も表示させない画面…なんでしょうか?だとしたらすごく奇異な感じがしますが。
確かに、1つの要素に2種類のbackground属性を重ねて指定はできません。ですが、【構成A】を実現させられるどんな方法でも良い、ということであれば、bodyの上に#xxxというコンテナブロックを配置し、そのスタイルを:
・width:100%
・heightはbodyの領域一杯というのは結構難しい(説明は省きます)ので、そこのコンテンツのボリュームが、かなりの解像度のディスプレイで見てもまず確実に縦スクロールが発生するほどの量が見込めるのであれば特に指定せず、そうでないならそこそこ大きい数値(数千px)を設定(ただし後者の場合実質のコンテンツが終了しても意味なく縦スクロールが続いて無駄且つ格好悪いですが…)
・background: url(1×1pxの透明gifのパス)repeat;
とでもすれば「マウスの右クリックによるコンテクストメニューで表示される背景画像」は、bodyに設定した(コピーされたくない)背景画像ではなく、その上に被せた透明gifの方にはなります。
ただし、ただそれだけの為に【構成A】にするのは何とも有意義ではありませんし、また、ANo.1/ANo.2の両回答者様もご指摘の通り、ブラウザ上に表示されているほとんどの素材は、様々な手段で簡単にコピーできてしまいます(ソースを見れば一発ですし、仮にそれができないとしてもANo.2でのご指摘の通りです)。防ぎようはありません。無駄な事に労力を費やすのはやめられた方が宜しいでしょう。どうしても嫌だ、というのであればWeb上に公開をしない事です。
長い文章をいただいて本当に恐縮です。
私の意図はANo.1さんの解釈で合っています。
よって【構成A】とされたものは違うんです。ごめんなさい。
ですが、丁寧にお答えくださったことには感謝いたします。
有難うございました。
No.2
- 回答日時:
>背景で使うのではありません。
ということは、背景画像の上に透過画像があるだけのページですよね?サムネイルから画像本体を呼び出したときのページか何かですかねぇ。であれば背景画像はリピートなしでしょうから、ANo.1さんが書かれた方法で背景画像と同じサイズに指定すればいいと思います。
いずれにしても背景画像のURLはわかりますからガードする意味はありません。ソース表示を無効にしてもHTTPのやりとりを見ればわかりますから>画像のURL。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- その他(OS) Windowsで大量の画像サイズを半自動で変更する方法 6 2023/02/17 08:45
- Photoshop(フォトショップ) 情報処理の画像生成の問題について 2 2023/05/05 23:56
- 高校 横800ピクセル、縦600ピクセルのモノクロ画像のデータ量をバイト単位で答えなさい。 ただし、途中の 5 2022/05/01 17:02
- Photoshop(フォトショップ) フォトショップで背景をくり抜く方法 2 2022/05/14 12:39
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- X(旧Twitter) Googleの画像をTwitterのアイコンにしたり背景画像として使ってもいいのでしょうか? 1 2022/10/21 18:23
- 会計ソフト・業務用ソフト 社会と情報 1 2022/05/01 16:57
- Photoshop(フォトショップ) フォトショップで切り抜いた画像を透明にするには 3 2022/09/15 11:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
【Webサイト】画像が小さく表示...
-
lightbox2で画像を天地左右中央...
-
背景画像の上に透過GIF背景...
-
iframe内をクリックさせない方...
-
画像の上にテキスト配置で、拡...
-
background-sizeでcontainする...
-
background-sizeの背景で最小値...
-
submitボタンの上に重ねた画像...
-
画像とその下にあるテキストの...
-
コーディング中、右側に謎の余...
-
ドリームウィーバーで画像を縮小
-
IMGタグで画像の繰り返し使用は…
-
CSSで背景画像をランダムに表示...
-
PDFの保存ボタンが表示されません
-
IrfanView で画像のスクロール...
-
アイコンの背景を透過させたい
-
「縮小専用」で縮小した画像が...
-
カーソルを合わせると文字が出...
-
GIFアニメを保存すると、白いふ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
lightbox2で画像を天地左右中央...
-
background-sizeの背景で最小値...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報