鰻重をJavaScriptで美味しく拡大

プログラミングすると言ってもそんなにすぐ出来るもんでもないから、

【ASCII】29分でできる！ あのサイトの“技”を盗め 第2回 ステーキ丼をJavaScriptで美味しく拡大

を参考にしてみた。
ちょうど、先週に鰻重食いに行ったとこやから、えぇ感じの素材もあったってのもちょうど良かった。
夏土用ってわけではないけど、ここ数日の暑さでバテ気味な感じやったので…

なかなか、面白いスクリプト。
TJPzoomってやつです。
DLしてくるとsampleとか入ってるので、それほど難しくない。
簡単に使うには、
tjpzoom.js を適当なところに設置して、

<script type="text/javascript" src="tjpzoom.js"></script>

で読み込んどいて、実際に使うimg タグのところで、

onmouseover="TJPzoom(this);"

とマウスオーバーのイベントで呼び出すようにすれば、それで、もう使えるようになってる。
IEではそのまんまやと表示がおかしくなるらしく、意味不やけど、ページを1ピクセル下にスクロールすると大丈夫らしい。
ので、さっきのscript タグの直後に

<script type="text/javascript"><!-- window.scrollTo(0,1); --><>/script>

とかって書いとくとよろし。

jpzoom.js が 16.2[kB]あるから、コードレビューすんのは面倒なので、そこはパスってことで。
まぁ、特段難しくはないかと。

関連する投稿

• 試験勉強すすまん…。 (2)
• 折りたたみサイドメニュー (0)
• Netscape 8.0.1 (1)

コメントはまだありません

コメントはまだありません。

このコメント欄の RSS フィード TrackBack URI

コメントをどうぞ