HP作成で１×１ピクセルの画像の連続？？

ＨＰの作成で、１×１ピクセルの画像をいわゆるループ的に無限に広げて使いたいのですが…どうしたら良いのでしょうか。

背景で使うのではありません。背景はすでにbackground属性での別画像があって、この背景画像の上に１×１ピクセルの画像を（背景画像と同サイズまでループ的に広げて）持ってきたいのです。
私がいう１×１ピクセルの画像とは透明gifのことです。いわゆる、背景画像をガードする目的ですね。

しかし、１×１ピクセルの画像を上に被せても、１×１ピクセルの画像のままで、ループ的に広がってくれません。ソフトはちなみにドリームウィーバーです。どなたかお分かりの方、宜しくお願いいたします。

No.1 ベストアンサー 回答者： dezimac 回答日時： 2008/03/12 10:14

<img src="xx.gif" alt="" height="100" width="100">

のように、サイズをサイズを指定するだけです。

あくまで、1×1の画像をたくさん敷き詰めるのじゃなくて、1枚の画像を拡大します。

> 背景画像をガードする目的
こんな事しても気休め程度にしかならないけど。
結局は、見える＝いくらもコピー可能ですから。

参考URL：http://wakabano.cool.ne.jp/dream/basic/img/img_0 …

この回答へのお礼

有難うございました。後者に関しては気休め的であることは存じ上げています。しかしこれでガードできる人（相手）がいることも確か。
やらないよりやる＞何もしない
が質問者の論理です。

前者、質問に答えてくださったことに感謝します。参考にさせていただきますね。

お礼日時：2008/04/10 23:39

No.3 回答者： abril 回答日時： 2008/03/12 12:14

ちょっと質問者様がイメージされている画面の構成がわからないのですが、「１×１ピクセルの画像をいわゆるループ的に無限に広げて使いたい」「背景はすでに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】とされたものは違うんです。ごめんなさい。

ですが、丁寧にお答えくださったことには感謝いたします。
有難うございました。

お礼日時：2008/04/10 23:43

No.2 回答者： shimix 回答日時： 2008/03/12 10:28

>背景で使うのではありません。

ということは、背景画像の上に透過画像があるだけのページですよね？サムネイルから画像本体を呼び出したときのページか何かですかねぇ。であれば背景画像はリピートなしでしょうから、ANo.1さんが書かれた方法で背景画像と同じサイズに指定すればいいと思います。

いずれにしても背景画像のURLはわかりますからガードする意味はありません。ソース表示を無効にしてもHTTPのやりとりを見ればわかりますから＞画像のURL。

この回答へのお礼

有難うございました。参考にさせていただきますね。

お礼日時：2008/09/10 01:26