チュートリアル【その2】既存のホームページにコンテンツを組み込もう!
(1)現在(既存)のホームページのフォルダを開きます。
例:
現在のホームページデータのHTMLタグ部分(商品画像部分)
<img src="image.jpg">
をOpeZoomタグである
<!-- OpeZoomテンプレートエリア(開始) -->
<script language="JavaScript" src="opezoom.js"></script>
<script language="JavaScript">opezoom_out("opedata.swf");</script>
<!-- OpeZoomテンプレートエリア(終了) -->
に入れ替え、保存します。

(2)「【その1】とりあえずOpeZoomコンテンツを作ろう」の(4)で書き出したファイル一式を既存のページと同じフォルダにコピーします。 (※必ず全てのデータをコピーしてください)

(3)現在のホームページHTMLファイルと、コピーしたopezoom.htmlをテキストエディタで開き、opezoom.htmlの中に記載してあるOpeZoomテンプレートタグを現在のHTMLファイルの画像タグと差し替え、保存します。
例:
現在のホームページデータのHTMLタグ部分(商品画像部分)
<img src="image.jpg">
をOpeZoomタグである
<!-- OpeZoomテンプレートエリア(開始) -->
<script language="JavaScript" src="opezoom.js"></script>
<script language="JavaScript">opezoom_out("opedata.swf");</script>
<!-- OpeZoomテンプレートエリア(終了) -->
に入れ替え、保存します。

(4)以上で組み込み作業は完了です!元のコンテンツのHTMLファイルをインターネットブラウザで開いてみてください。拡大・縮小・移動・回転のできるOpeZoomコンテンツとなっているはずです。この時点で正常な動作の確認ができましたら、既存のホームページへの組み込みは完了です。 インターネットサーバーにアップロードすることにより、インターネットで公開する事も可能です。
|
|
商品スペック幅:100 高さ:200 価格:1,000 |
|
商品説明文章○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○ |
||
