既存のページに画像を出すボタンをつける

左上の「出す/消す」ボタンを押してみて下さい
元々出来ているページに　縮小画像を表示させたり　引っ込めたりするボタンをつけます
マウスを乗せたり外したりで画像の周りの色が変わり　クリックで別窓に原寸大画像表示

テキストエリア内部をクリックするだけで　テキストエリアの中の文章を一発でコピーします
クリックした後それをそのままメモ帳などに貼り付け　適当な名前でHTMLで保存して下さい

Mac & Windows NetScapeでは反転のみですので反転の後Ctrl+Cキーでコピーして下さい

このスクリプトのソース

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<title>既存のページに画像を出すボタンをつける</title>
</head>
<body>

<script language="JavaScript">
<!--
Ga=new Array();daimei=new Array();
var su=0,setumei=0;
Ga[su++]="sena/senachan1.jpg";daimei[setumei++]="あれ？なぁに？";//■１枚目の画像名と題名
Ga[su++]="sena/senamimi.jpg";daimei[setumei++]="眠いの";//■２枚目の画像名と題名
Ga[su++]="sena/gyasena.jpg";daimei[setumei++]="(*^m^*) ムフッ";//■以降好きなだけ続ける
Ga[su++]="sena/hokkamuri.jpg";daimei[setumei++]="銀行強盗に(爆)";

document.body.style.margin=10;
var bango=0,daibango=daimei.length-1;
var Id,akoF,Fl=false;
gensun=new Array();for(zi=bango;zi<daibango+1;zi++){gensun[zi]=new Image();gensun[zi].src=Ga[zi];}
document.write("<div id='ako' style='position:absolute;top:-200;left:0;width:100%;height:240;overflow:auto;scrollbar-base-color:#ffffff;'>");
for(basyo=0;basyo<daibango+1;basyo++){
document.write("<table style='position:absolute;top:20;left:"+(143*basyo)+";table-layout:fixed;'>");
//■143をふやすと画像と画像の間隔が広がる
document.write("<tr><td style='width:140;height:140;border:1px solid darksalmon;background-color:lightpink;font-size:13px;font-family:HGｺﾞｼｯｸE;color:darkgreen' id='Tako"+basyo+"'>");
//■画像の周りのバックの幅や高さやボーダーの色やバック色・文字色など
document.write("<center>");
document.write(daimei[basyo]);
document.write("<br><a href="+gensun[basyo].src+" target='_blank'>");
document.write("<br><img title='クリックで原寸大に' height=100 src="+gensun[basyo].src+" onmouseover='mouseO("+basyo+");' onmouseout='Out("+basyo+");' style='border:1px solid #ff00ff;'></a");//■height=100は縮小画像の高さ
document.write("<br>");//■#ff00ffは画像の周りの枠線
//document.write(daimei[basyo]);
document.write("<br></center>");
document.write("</td></tr></table>");
}

document.write('<div style="position:absolute;top:0;left:'+(130*daibango+1)+';width:150;">');//■130をふやすと画像のおける場所が広がる
document.write("</div></div>");

画像は入っていません　ご自分でご用意下さい
くれぐれもこのままここから引っ張らないで下さい
Script by ako's cyberpage