• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

TKPnのブログ一覧

2011年03月11日 イイね!

サムネイルいらず

こないだ説明した写真の貼り方だと、

サムネイル(小さめの画像)クリック→元画像(大きい画像)が表示

というふうにならないので、ちょっと応用。

応用といっても、私はHTMLをかじったどころか舐めた程度の知識しかありません…ITではメシが食えないスキルです(哀)。

まるそうさんのほうが、1万倍ぐらい「コッチの世界」に明るいですな…。

分かりやすいように、前回貼った事例。

<img src='https://cdn.snsimg.carview.co.jp/carlife/images/User/1007009/p1.jpg' border='0' alt=''width=480 /

これだと、480と指定した画像の大きさになりますが、元画像の大きさでは見られません。

そこで、前回の記述(HTMLタグといいます)を、まずはこんな感じに修正します。

<a href="https://cdn.snsimg.carview.co.jp/carlife/images/User/1007009/p1.jpg" target="_blank"

修正前:border='0' alt=''width=480 /
修正後:target="_blank"

これだけだと、画面に何も表示されませんので、さらにもう一行追加します。

<a href="https://cdn.snsimg.carview.co.jp/carlife/images/User/1007009/p1.jpg" target="_blank"
<img src="https://cdn.snsimg.carview.co.jp/carlife/images/User/1007009/p1.jpg" alt=" border=" 0="" height="360" width="480" /></a>

すると、こんな感じ。クリックで拡大されます。

 border=


…急に英語記述が倍になったので、もっと分かりやすく。

<a href="(画像のURL)" target="_blank"
img src="(画像のURL)" alt=" border=" 0="" height="360" width="480" /></a>

これをコピーして、

(画像のURL)部分に、

貼りたい画像のURL(今回の例だと、https://cdn.snsimg.carview.co.jp/carlife/images/User/1007009/p1.jpg)を貼って<>を半角に直せば、あら簡単。(そうでもない?)

最終形はこんな感じ。

<a href="https://cdn.snsimg.carview.co.jp/carlife/images/User/1007009/p1.jpg" target="_blank">
<img src="https://cdn.snsimg.carview.co.jp/carlife/images/User/1007009/p1.jpg" alt=" border=" 0="" height="360" width="480" /></a>

上記をコピーして、http…を自分の画像のURLに書き換えて、<>を半角に直すほうが分かりやすいかな?

なお、heightとwidthの部分は、3:4ぐらいの比率になっていれば、見た目も歪みません。あとは好みで調節して下さいな。

お粗末さまでした。
Posted at 2011/03/11 00:15:57 | コメント(0) | みんカラの使い方 | 日記

プロフィール

「9月以降、残業&休日勤務が多めでしたが、そこそこ元気に過ごしています☆」
何シテル?   11/07 21:10
どうも、TKPn(タケポン)です。ヒロポンじゃないです(謎) マイカーでサーキット走行を少々。 その他は長続きせず・・・。 酒は長続き。
みんカラ新規会員登録

ユーザー内検索

<< 2011/3 >>

   12 34 5
6 78 9 10 1112
13141516171819
20 21 2223 242526
2728 293031  

愛車一覧

ホンダ S2000 ホンダ S2000
こいつの前に、密かにシルバー×数台を問い合わせしていますが、全て売約済でした。 ※シルバ ...
日産 マーチ 日産 マーチ
アシグルマとして買ったマーチ12SRが意外にお気に入りとなり、17年目でフレームその他も ...
ホンダ モトコンポ モトコ (ホンダ モトコンポ)
2015/11/XX モトコンポをゲット。震災後あたりまでは通勤に活躍していたらしいが、 ...
日産 マーチ 日産 マーチ
いわゆる "アシグルマ" が欲しかったものの、あまりに思い入れがないと自分の性格的に「飽 ...
ヘルプ利用規約サイトマップ
© LY Corporation