↑こんな感じに、クリックすと
小さな写真が大きな写真になる小窓が開くページを
簡単に作れるフリーソフトがあれば教えてください
(htmlで作りたいのです。レンタル日記やブログは勧めないで下さい…)
http://www.shoshinsha.com/hp/tools/photoindex.htm
フォルダ内の画像を一括サムネイル化
「縮小専用」というソフトはどうでしょうか?
少しは作業が楽になると思うのですが。
的外れでしたらすみません。
あの、「小窓」が出てくるソフトを探してるんですよ…
http://www.j-ns.com/ab/index.html
無料ホームページ作成〜HomepageManager〜『@BG』
こちらで解説してあるHomepage Managerはいかがでしょう。画像の挿入をしたあと、「リンクする」の中でターゲットウィンドウの設定を_blankにすればできそうです。
使い方がよく分からず
ヘルプを見たら「現在作成中」でした…
http://www.vector.co.jp/soft/dl/win95/net/se351741.html
フォトクロス(Windows95/98/Me / インターネット&通信)
フォトクロスはどうですか?
作成例はこのような感じです。
http://www.pc21.jp/toybox/photocross/sampleHP/index.htm
他にもVectorのグラフィックファイル処理にフリーソフトありますので気に入ったものを見付けてみてはどうでしょうか?
http://www.vector.co.jp/vpack/filearea/win/net/htmledit/image/in...
「小窓」でも検索したんですが、思うようなのが見つからない…
これは元々の大きな写真をページ上で小さくして
大きな写真にリンクするだけのものです。
左がただのリンク、右が新しいウインドウにだしたものです。左<A href=”flr001.jpg”><IMG src=”flr001.jpg” width=”211” height=”140” border=”0”></A>
右が<A href=”flr001.jpg” target=”_blank”><IMG src=”flr001.jpg” width=”211” height=”140” border=”0”></A>です。
写真のサイズは小さくしたものです。
このまま画像名を変えて貼り付けるだけです。
左はサムネイル
右は小窓なんですが、疑問文のところにあるURLの小窓のように
周りに余白の無い小窓が作りたいんです
ソフトは諦めた方がいいんですかね…
2回目の回答ですのでこの回答に対するポイントは結構です。
説明不足でした。
大きな画像を縮小した画像(サムネイル)と、
そのサムネイル画像クリックで元画像を表示するHTMLを出力するので
ご希望のソフトだと思ったのですが…
口ではうまく説明きませんゆえ、一度ダウンロードしてみてください(^^;
ダウンロードして試しました。
欲しいのはサムネイルじゃなくて
↑みたいな回答の、写真の周りに余白の出来ない小窓ができるものなんです
ポイントなくてOKというなら
いわしにお願いします…。゜゜(´□`。)°゜。
これはソフトで作るというより、
javascriptを使って自分でコーディングするのが簡単です。
たとえばこんな感じ。
--------------------------
<SCRIPT LANGUAGE="JavaScript">
<!--
function open01(){
window.open("表示したい画像のURL", "" , "開くウインドウの諸元");
}
//-->
</SCRIPT>
--------------------------
ウインドウの諸元には色々な指定が出来ます。
ウインドウの出現位置は left と top で、
ウインドウのサイズは width と height で指定します。
画像の余白の有無は、このサイズで調整してください。
また、あらゆるバーを取り除きたければ
menubar=no, toolbar=no, location=no, status=no, scrollbars=no, resizable=yes
のように記述すればOKです。
こういうファンクションを開きたい画像の数だけズラズラと並べて
HTMLの <HEAD>~</HEAD>に記述し、
(functionの名前は競合しないように変えていきます。
たとえば、function open01、function open02・・・・など)
本文の中では、このfunctionに対してリンクを張ってやればできあがりです。
【例】
--------------------------
<html>
<head>
<!-- ↓javascriptを使っているよというおまじない -->
<meta http-equiv="content-script-type" content="text/javascript">
<!-- ↓小窓を開く本体はここ -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function open01(){
window.open("http://d.hatena.ne.jp/images/diary/T/TomCat/TomCat_p.gif", "" , "menubar=no, toolbar=no, location=no, status=no, scrollbars=no, resizable=yes, left=300, top=100, width=130, height=130");
}
function open02(){
window.open("http://www.hatena.ne.jp/images/bk1_hatena.png", "" , "menubar=no, toolbar=no, location=no, status=no, scrollbars=no, resizable=yes, left=300, top=100, width=160, height=110");
}
//-->
</SCRIPT>
</head>
<body>
<!-- ↓小窓を開く本文のリンク -->
<script language="javascript">
<!--
document.write('<A href="javascript:open01()">');
//-->
</script>
<!-- ↓javascriptを無効にしている人向けのリンク -->
<noscript><a href="http://d.hatena.ne.jp/images/diary/T/TomCat/TomCat_p.gif" target="_blank"></noscript>
<img src="http://d.hatena.ne.jp/images/diary/T/TomCat/TomCat_p.gif" width="50" height="50"></a>
<!-- ↓テキストリンクの例 -->
<script language="javascript">
<!--
document.write('<A href="javascript:open02()">');
//-->
</script>
<!-- ↓javascriptを無効にしている人向けのリンク -->
<noscript><a href="http://www.hatena.ne.jp/images/bk1_hatena.png" target="_blank"></noscript>
ここをクリック</a>
</body>
</html>
--------------------------
ちょっとややこしいかもしれませんが、
お手元にある画像を上のソースに当てはめて書き直し、
ブラウザでアクセスしてみれば、
だいたいやり方は飲み込めると思います。
メモ帳ひとつですぐ可能ですので、
やってみてください。
これ以上回答を待っても
希望のフリーソフトの情報は望めそうに無いので
ダメです。
フリーソフトが欲しいっって書いたのに…