画像本来のサイズで表示させたい時に | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

本来のサイズの画像を見てもらいたい時のセコ技:マーキータグを使う編
横浜レインボウブリッジ

こんにちワ。

記事幅に収まらない大きい画像を表示させる方法を2種類ほど、以前このブログに書きました。

アメブロの画像をオンマウスで拡大表示

画像クリックで拡大表示

今回、マーキータグを使ってサイズの大きい画像を表示させる方法を御紹介したいと思います。
これってセコ技ですが・・^^;

マーキータグって、CSS3、HTML5になると動かなくなるって言われてたと思うんですが、何故か、このアメブロとFC2ブログでは動きます^^;

マーキータグを使って画像本来のサイズで表示させる方法

1.他のサイトにアップして画像URLを取得して画像タグで囲む

アメブロの画像フォルダーに画像をアップすると画像の解像度の大きいものは、横幅800ピクセルに縮小されてしまいますので、ドロップボックスとか、あるいはgooブログのように画像解像度の大きいものでもアップできるサイトにアップして、その画像の画像URLを取得します。
そして以下のように画像表示タグで囲みます。
<img src="http://blogimg.goo.ne.jp/user_image/5c/bf/7f303e334b0cd21acede096dda3daeb6.png" border="0">


2.画像表示タグをマーキータグで囲む

画像表示タグをマーキータグで以下のように囲みます。
(※<marquee>画像表示タグ</marquee>
<marquee><img src="http://blogimg.goo.ne.jp/user_image/5c/bf/7f303e334b0cd21acede096dda3daeb6.png" border="0"></marquee>


■こんな感じになります(↓)。


◯思うこと
これって大きい画像を見てもらいたい時に、画像表示タグをマーキータグで囲むだけで出来ちゃいますから、割と、お手軽な方法だと思います^^;


☆ブィブィ  ('-^*)/

※追記:スマホでは反映されません。