« これいい、ココログ最強カレンダー。植草さんのブログでもこれを使うなら今よりもっと読者が記事を探しやすくなるのだが、。 | トップページ | らんきーブログ、ぶいっちゃんの「選挙に行こうバナー集」のバナーを超簡単にはるやり方。(笑) »

2007年4月21日 (土)

大きいサイズのアニメGIFを縮小表示、それを「クリック⇒拡大ポップアップでコマ送り」させる方法:どんなタグ表記か。

※同志諸君にも表現力アップ・スキルアップしてほしいので、「ひなたぼっこ」のエントリーですがAbEndにトラックバックしておきます。

 2種類あります。

◎縮小状態の時には静止していて、クリック後だけ拡大コマ送りするタグ表記。縮小時にも鮮明な画像です。一コマ目をアピールしたい時にもこちらのタグ表記を使います。

例、拡大アニメGIFサイズがwidth=640,height=480、縮小サイズがwidth="150" height="112"の場合。
<a onclick="window.open(this.href, '_blank', 'width=640,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="◎http://gazou.gif(アニメGIF)"><img src="◎http://gazou_thumb.gif(必ずしも_thumb.gifの名前でなくても良いが、縮小時表示用のアニメでないコマを別に用意する。下のサイズのところにその画像サイズを入れる。)" title="◎ポインタカーソルでポップアップの文字" alt="◎画像が表示されない時の代替テキスト" style="margin: 0px 5px 5px 0px; float: left;" border="0" width="150" height="112"></a>

 赤字部分のところを適宜変更して転用すれば良いでしょう。このタグをコピペして使ってください。

注意点:
1、画像は拡大表示時のアニメGIFと、縮小表示時の画像を用意する。縮小表示時の画像は「.jpg」でもよい。
2、それらの画像のそれぞれのサイズを必ず指定表記する。

◎縮小状態の時にもコマ送りし、クリック後にも拡大コマ送りするタグ表記。クリックする前の縮小時には画像は不鮮明になります。縮小時にもアニメ状態を見せたい場合のタグ表記です。

 上記のタグ表記と大枠は同じです。違うところは縮小状態のURLのところにも拡大時のアニメGIFのURLをそのまま記入する点だけです。

注意点:
縮小時の画像サイズは前者のタグと同じように最後のサイズのところで指定します。サイズは適宜ですが、widthとheightのサイズ比を間違えないようにします。

関連投稿
アニメーションGIFって簡単なんですね。

使用例のアニメGIFがあるエントリー
言い逃れで墓穴を掘る古舘と加藤千洋(朝日新聞論説委員)とテレビ朝日。みっともないからジャーナリストの看板を下ろしなさい。

|

« これいい、ココログ最強カレンダー。植草さんのブログでもこれを使うなら今よりもっと読者が記事を探しやすくなるのだが、。 | トップページ | らんきーブログ、ぶいっちゃんの「選挙に行こうバナー集」のバナーを超簡単にはるやり方。(笑) »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/91038/14793261

この記事へのトラックバック一覧です: 大きいサイズのアニメGIFを縮小表示、それを「クリック⇒拡大ポップアップでコマ送り」させる方法:どんなタグ表記か。 :

« これいい、ココログ最強カレンダー。植草さんのブログでもこれを使うなら今よりもっと読者が記事を探しやすくなるのだが、。 | トップページ | らんきーブログ、ぶいっちゃんの「選挙に行こうバナー集」のバナーを超簡単にはるやり方。(笑) »