画像クリックで右下に表示
- 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
- 手順
１．背景を右下に固定する → CSS
２．背景を切り替える → JavaScript
１はお調べになってください。
http://www.tagindex.com/stylesheet/page/index.html
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=1129
２は、書いておきます。
</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="画像１" onclick="bgChange(this)" alt="画像１">
<img src="画像２" onclick="bgChange(this)" alt="画像２">
- 4 名前： あくあ ： 2004/11/01 01:27
- 出来ました!
ご丁寧に有難う御座いました。。
感謝していますm(_ _)m
