いくつかの方法があるけど、ご紹介のページがうまいので、参考にしました。
小窓へのリンクのある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>
と、これをコピーして数字を大きくして行ってください。
画像ファイルの名前は自由に変えてください。
お礼
お礼が遅くなって本当に申し訳ありません!! すごいです、助かりました!! どうもありがとうございました><