htmlの設定の仕方がわからず困ってます。

質問

以下のフリーソフトの設定の仕方が解らずに困っています。
http://www.econosys.jp/system/iz_zoom.html

使用方法３番目の表記で
iz_zoomを起動する画像にIDを追加します（例：image1 というIDを追加）
<img src="thumb.gif" /> → <img id="image1" src="thumb.gif" />

とありますが、画像にIDを追加のしかたが解りません。
htmlテキストエディタでも画像にIDを追加することは出来なさそうですし
画像ソフト（フォトショップエレメントを使ってます）でもそのような記述
が出来るような機能が見当たりません。
それとも画像を添付するhtmlファイルのどこかへこの記述をするので
しょうか？（デモのhtmlファイルへはそのような記述がないので多分
htmlファイルへ記述するのではないと思いますが・・・）

実際にこのソフトを使用している方等分かるかた是非お教えください。
よろしくお願いします。

回答No.2

usagikun2 · ベストアンサー

デモのhtmlをホームページビルダーで開いて下記の部分を増やして行けば良いのですが・・・

<script type="text/javascript">
var z = new iz_zoom('image1',{
'templatefile' : 'js/iz_zoom/template01.html' ,
'cssfile' : 'js/iz_zoom/template01.css' ,
'imagefile' : 'large_images/image01.jpg' ,
'x' : -10 ,
'y' : 100
}
);

＞var z = new iz_zoom('image1',{
　var z = new iz_zoom('image＊＊',{　　＊＊部分を書き換える！

また、サムネール部分の写真と拡大写真は別のホルダーに入って居ますからその辺の理解が必要に成って来ます、また、このデモの場合だとサムネールと拡大写真で画像拡張子が違っていますので書き換えか画像の拡張子変更が必要に成ります。

お礼

回答ありがとうございます。
なるほどhtmlを書き換えるのですね。
以下の考え方でいいんでしょうか？

1．　var z = new iz_zoom('image1',{
　　　　　　　　　　　　　　　　 ↑この番号を順番に番号をつける

2.　'imagefile' : 'large_images/image01.jpg' ,
　　　　　　　　　　　　　　　　↑この部分に画像のファイル名を記入

デモの内容ですと縮小画像と拡大画像をそれぞれ個別に設定してあるので
2の部分へ大きい画像のファイル名を書き換えればいいんですね。
とりあえず一度トライしてみます。
ありがとうございます。

回答No.1

torayoshi

> それとも画像を添付するhtmlファイルのどこかへこの記述をするのでしょうか？
その通りです。
画像にIDを追加とは、画像ファイルに対してなにかを加工するのではなく、
htmlファイルに追加記述するのです(つまりhtml編集)
デモのhtmlファイルにはすでに八つのIDが追加記述してあります。
(id="image1"～id="image8")
デモhtmlを参考にしてください。
というか、デモhtmlの不要部分を削除すればそのまま使えますね。

お礼

回答ありがとうございました。
画像にIDを追加するとゆうことで画像へIDを追加する方法をずっと
さがしてました。
htmlファイルをいじればいいとゆうことですので一度トライしてみます。
ありがとうございました。