PopBox! の設置手順
１）画像を、サーバーにアップロードする。 ２）scriptタグをページに貼り付ける。
３）画像表示のタグを表示位置にコピペして、アップロードして完成です。 |
|
|
１） ＤＬして解凍後のＰｏｐＢｏｘホルダの中にあるimages をＦＦＦＴＰでアップロードします。
画像ファイルは、imagesフォルダに入れ、サーバーに保存します。
拡大画像は、ＦＦＦＴＰでＵＬされたか確認します。 画像の縮小には、G・こんばーちゃ♪を使用。 |
２） scriptタグを以下のように書き換えます。
書き換えは３カ所で、index.htmlの前のｕｒｌをコピペします。
http://em10.yukihotaru.com/index.html を＞http://em10.yukihotaru.com/images/***と、なります。
http://em10.yukihotaru.com/は、貴方のurlを記入します。 |
| scriptとstyleはＨＥＡＤの間にコピペしてください。 |
<script type="text/javascript" src="scripts/PopBox.js"></script>
<script type="text/javascript">
window.onload = initialize;
function initialize() {
popBoxWaitImage.src = "http://em10.yukihotaru.com/images/spinner40.gif";
popBoxRevertImage = "images/magminus.gif";
popBoxPopImage = "images/magplus.gif";
}
</script>
<style type="text/css">
<!--
.PopBoxImageSmall
{
border: none 0px white;
cursor: url("http://em10.yukihotaru.com/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
border: solid thin #33cccc;
cursor: url("http://em10.yukihotaru.com/images/magminus.cur"), pointer;
}
-->
</style>
|
|
| ３）テスト画像１と２のソースです。 |
一、テスト画像のソースです。
ファイル名 拡大/tateanaee.jpg 縮小/tateanaees.jpg sで縮小画像を区別してます。
src列が縮小画像のファイル名、pbSrc列は拡大画像のファイル名を記入します。
二、下部にも書込できるソースです。
このソースは、自由に使ってもかまいません。
ご利用はご自身の責任の上でご利用下さい。
なお、本ソースの使用による、いかなる損害に対しても、
em10は責任を負いませんのでご了承願います。 |
|
|
|
| ＦＦＦＴＰ |
 FFFTP ＞☆ミラーリングアップロード機能 ローカルのファイル構成と同じ物をホスト側に作ることが出来ます。作成したホームページをサーバーにアップロードしたり、不要ファイルをサーバーから削除したり、便利に使ってます。
<img class="PopBoxImageSmall" alt="Click to magnify/shrink"
src = "images/ffftps.png"
pbsrc = "images/ffftp.png"
pbRevertText = "Sotaさんのffftp画像をリンクしました。"
pbCaption = "<b>FFFTP</b> ☆ミラーリングアップロード機能"
onclick = "Pop(this, 100, 'PopBoxImageLarge')" />
|
|  |
|
| ★HTMLタグリファレンス HTMLタグリファレンス > <CODE> |
G・こんばーちゃ♪
画像変換できるソフト、おもに縮小画像の作成に使ってます。
縮小後は、ファイル名にsが追加されて便利です。 |
 |
|
| ARK-WebさんのPopBoxの使い方 詳しい説明が有ります。 |
