覚書 新スタイルシートの複数画像をアップ＆画像の大きさ変更
| 目的 |
修理・故障・メンテナンス |
| 作業 |
DIY |
| 難易度 |
 初級 |
| 作業時間 |
30分以内 |
1
まず、愛車紹介のフォトギャラリーに画像をアップします。
ブログ画像専用の愛車紹介を作っても整理には楽かもです。
次に、フォトギャラリーを開いて(8枚まで表示される画面)
画像の無いところで右クリックします。
ソースの表示をクリックするとメモ長にいっぱいの文字が表示されます。
2
この文字の中で(投稿日 : 20XX年XX月XX日)って黒文字で書かれてる箇所を探します。
そのすぐ下の文章に<div class="galleryTitle">ではじまる文章を探してください。
この文章の中から一文をブログにコピペして貼り付けて画像の大きさを指定すればいいみたいです。
3
コピペして張り付ける文章には画像を単純に貼り付ける方法と画像にリンクを設定してクリックしたらフォトギャラに登録の元画像を表示させる方法があります。
4
5
ブログにリンク付の画像を貼り付ける場合(23.9.9追記。現在では一番下の方法でお願いします。)
下の文章を探してコピペして下さい。(元の文章にwidth="500"は入ってません)
その際に下文章のようにwidth="500"を追記して3桁の数字を変更すれば画像の大きさが変更できます。
ちなみにブログに入るのは600ぐらいまでみたいです。
<a href="/image.aspx?src=http%3a%2f%2fcarview-img02.bmcdn.jp%2fcarlife%2fimages%2fUserCarPhoto%2f1350594%2fp1.jpg" target='_blank'><img src="
http://carview-img02.bmcdn.jp/carlife/images/UserCarPhoto/1350594/p1.jpg" alt=""width="500" onerror="Minkara.NoPhoto_109(this);this.style.width=109;" /></a></div><div class="galleryMemo">
6
例に出してる文章はうちのフォトギャラの画像指定になってますので他の方の文章では若干の数字、文字の違いがありますので気をつけて下さいませ。
文章のp1.jpgの数字はフォトギャラの1枚目～8枚目って意味なので1枚目～8枚目までを貼り付けたければこの数字だけ変えれば他の文章はみんな同じになりますよ。
(リンク付きの場合は2ヶ所あります。)
設定する場合はあくまで自己責任でお願いします。
テキトーに弄ったらできたので、詳しい意味はわかりません。
もっと良い方法があれば教えて下さいませ。
7
23.9.10追記
元画像のリンクを張る場合ですがみんカラの仕様変更により、上記の文で画像を挿入すると表示がおかしくなってしまいました。
最後の</div><div class="galleryMemo">を外した文だときちんと挿入できます。この部分を抜いてブログ本文へ記入して画像の大きさは同じように指定して下さい。
下の文章を探してコピペして下さい。(元の文章にwidth="500"は入ってません)
その際に下文章のようにwidth="500"を追記して3桁の数字を変更すれば画像の大きさが変更できます。
ちなみにブログに入るのは600ぐらいまでみたいです。
<a href="/image.aspx?src=http%3a%2f%2fcarview-img02.bmcdn.jp%2fcarlife%2fimages%2fUserCarPhoto%2f1350594%2fp1.jpg" target='_blank'><img src="
http://carview-img02.bmcdn.jp/carlife/images/UserCarPhoto/1350594/p1.jpg" alt=""width="500" onerror="Minkara.NoPhoto_109(this);this.style.width=109;" /></a>
以前に前の方法で貼り付けた画像は残念ながら位置がめちゃくちゃになってしまっているので、本文の編集で最後の</div><div class="galleryMemo">を消せば元通りに戻ります。
[PR]Yahoo!ショッピング
関連コンテンツ
関連整備ピックアップ
関連リンク
他の整備手帳を見る
