【IE5】(NN4:画像は変わりますがフィルタ効果なし)


このソースを見ると「var waipu=12 ; // ワイプ処理の指定」と言う行があります。
この番号の内容は下記表を参考にして自分の処理したい番号に変更して下さい。
(なお、実際の番号を変えた画像はここから見えます)

番号 効果 番号 効果 番号 効果
0 四角(中央へ) 8 ブラインド(縦) 16 両側から(中央→上下)
1 四角(外側へ) 9 ブラインド(横) 17 斜め(右上→左下)
2 円形(中央へ) 10 チェック模様(横) 18 斜め(右下→左上)
3 円形(外側へ) 11 チェック模様(縦) 19 斜め(左上→右下)
4 下→上へ 12 ピクセルブラインド 20 斜め(左下→右上)
5 上→下へ 13 両側から(左右→中央) 21 ランダムライン(横)
6 左→右へ 14 両側から(中央→左右) 22 ランダムライン(縦)
7 右→左へ 15 両側から(上下→中央) 23 0〜23のいずれか

2003/09/05 (金) 13:21 下記メールが来たので本サンプルを作成。
はじめまして、Kと申します。 u3.画像関連の、[3]フィルター効果付き画像切替え1のボタンで切換え をずっと探していました。
これを、ボタンを無くして画像をクリックで切り換えたいのですが、 何処をいじってよいのか分かりません。
それと、画像はオープンウィンドウで表示するのですが、 最後はその画像をクリックしてウインドウをクローズする事はできるのでしょうか?

今までは 画像分HTMLファイルを作ってリンクさせてましたが、 これだと1枚で済むので良いなぁ〜と思いまして。 教えていただけないでしょうか?宜しくお願い致します。

上記の内容を織り込んだサンプルは [3]はここをクリック[4]はここをクリック で表示します。

・本例は最後の画像クリックでこのページに戻ります。
・<img src=・・・の所へ onClick="imgchg()" と記入でもよいがその場合 NN4で表示出来ないので、本例のように<A HREF="#"・・と記述する方がよい。
・イメージのサイズはIE5では自動調整されるが、NN5では最初に指定したサイズとなる。
・本例は{window.close();return;} でウインドウを閉じていますが、最後の 別のURLへ飛びたい場合は、{location.href="gazou4.html";return;}のように 飛び先を記述すればよい。
・ソースを見て判らない場合は再度メールを下さい。以上。


【HOME】  【実用編へ戻る】