- ベストアンサー
小窓でクリックするとスライドショー
こんばんわ、ここ１週間くらい調べ続けてるのですが 全然分かりません＞＜どなたかアドバイスお願いしますm(_ _)m リンクを押したら小窓が出てきて、その小窓には 画像が表示されます。 その画像をクリックしたら次の画像が出てきます。 そして全て見終わったら小窓が閉じる。 これはどのようにすればいいのでしょうか。 ＨＴＭＬスライドショーでやりたいです。 このサイト様の写真みたいにしたいです(下の大きいバナーの)↓ http://mai623.osyarebito.com/photo/
- petit_lily
- お礼率59% (92/154)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
いくつかの方法があるけど、ご紹介のページがうまいので、参考にしました。 小窓へのリンクのあるHTMLファイルには ここから <script language="javascript"> <!-- function openwindow(x,y){ thewin = "width=" + x + ",height=" + y + ",toolbar=no,location=no,directories=0,status=no,menubar=no,resizable=no,scrollbars=no"; window.open('','popupwin',thewin); return true; } // --> </scropt> ここまで<head></head>タグ内にコピー リンクは <a href="komado.html" onclick="openwindow(600,500)" target="popupwin">Photo</a> のようにして下さい。 Photoのところはもちろんimgでも。 onclick="openwindow(600,500)" の600,500 は小窓の横幅,高さになっているので、画像の大きさかお好みで。 小窓のHTMLファイルにはここから <style type="text/css"> <!-- body{ overflow: hidden; margin : 0px; } img { border: 0px; } --> </style> ここまでをHTMLの<head></head>タグ内にコピーと、 画像には <a href="#2" name="1"><img src="img1.jpg"></a> <br><br><br> <a href="#3" name="2"><img src="img2.jpg"></a> <br><br> と、これをコピーして数字を大きくして行ってください。 画像ファイルの名前は自由に変えてください。
お礼
お礼が遅くなって本当に申し訳ありません！！ すごいです、助かりました！！ どうもありがとうございました＞＜