画像クリックで右下に表示

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: あくあ : 2004/10/30 22:15
こんばんは。

画像をクリックすると、その画像が右下に表示されるというタグはありますでしょうか?
ぜひ教えて下さい。

1   名前: むむりく : 2004/10/31 01:24
> 画像をクリックすると、その画像が右下に表示されるというタグはありますでしょうか?
残念ながら、そのようなタグはありません。

が、JavaScript と CSS を組み合わせればできるでしょう。
右下の背景画像を変えるということでしょうか?

2   名前: あくあ : 2004/10/31 13:48
そうですか;

よく、素材屋さんなどで『画像クリックで背景になる』という感じの
があったのですが、背景ではなく右下バージョンでやりたかったので;

そういうことです^^;
よく、右下だけに背景があるサイトさんありますよね?
あんな感じに表示したいのです。

3   名前: むむりく : 2004/11/07 01:51
手順
1.背景を右下に固定する → CSS
2.背景を切り替える → JavaScript

1はお調べになってください。
http://www.tagindex.com/stylesheet/page/index.html
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=1129

2は、書いておきます。
</head>の手前ぐらいに以下を挿入。

<script type="text/javascript">
function bgChange(e) {
if (!document.getElementsByTagName) return;
document.getElementsByTagName('body')[0].style.backgroundImage = 'url("' + e.src + '")';
}
</script>


で、切り替えたい画像に、onclick="bgChange(this)" を入れてください。

<img src="画像1" onclick="bgChange(this)" alt="画像1">
<img src="画像2" onclick="bgChange(this)" alt="画像2">

4   名前: あくあ : 2004/11/01 01:27
出来ました!

ご丁寧に有難う御座いました。。
感謝していますm(_ _)m

一覧へ戻る