【おやじのweb技】 html/javascript/css等
サムネイル画像をクリックすると専用ビューアーで拡大画像を開く(1)ウィンドウの大きさが画像の大きさに応じて変わる型(pic_viewer2)
)
)
)
左のサムネイル画像をクリックすると拡大画像を表示します。
Text
保存
※ダウンロードは｢txt保存｣を右クリックして表示される保存先ダイアログボックスで保存フォルダを指定します。
◆ダウンロードしたファイル名を[pic_viewer2_101.txt]から[pic_viewer2.js]にファイル名を変更します。
◆外部スクリプト使用を記述(<head>〜</head>間に)
<script language="JavaScript"src="../../java_script/pic_viewer2.js"></script>
(src=""を外部ファイルを保存したパスに変更して下さい)
◆サムネイル画像にビューアー起動を記述(<body>〜</body>間に)
<a href="javascript:pic_open2('1','画像の題名','拡大画像のパス')">
<img src="サムネイル画像のパス" width="100" height="75"></a>
◆pic_open2()が実行する外部スクリプト名([pic_viewer2.js]に記述されています)
◆本技ファイルではインラインフレームに技のtxtファイルを表示しています。txtファイルの記述が｢実行されない｣内容によると判断したものですが、もし、表示等に不具合がある場合はご一報頂ければ幸いです。
◆上記の[web技]はtxtファイルを表示していますので、クリップボードにコピーして他のファイルに貼り付けできます。
◆｢text保存｣は右側のインラインフレームに表示したテキストファイルをダウンロードします。｢クリック｣せず｢右クリック｣して｢対象をファイルに保存｣を選択して下さい。