人気ブログランキング | 話題のタグを見る
ブログトップブログトップ
パソコン教室くりっくパソコン教室
魚沼情報サービス魚沼情報サービス
パソコン教室くりっくへのお問い合わせお問い合わせ
全国どこからでも Zoom オンラインレッスンを受け付けています。

エキサイトブログでLightbox(Thickbox)のように写真を拡大表示するには Part.2

ブログランキング参加中。ポチッとお願いします。 にほんブログ村 PC家電ブログ パソコン教室・サポートへ
ハイクオリティなサイトを驚きの低価格で実現 ~ WordPress サイト開設スターターパック
以前に
エキサイトブログでLightbox(Thickbox)のように写真を拡大表示するには
という記事を書きました。

この記事では、エキサイトブログの記事に載っている写真をクリックしたときにかっこよく写真を拡大表示するための方法を紹介しました。もう4年も前になりますね。

4年前の記事に書いた方法だと、投稿したすべての写真についてピクセルサイズを手作業で書き換えなければいけませんので、いつもこのように写真を投稿したい人にとっては毎回の書き換えの手間がめんどくさく感じることでしょう。

その場合、スタイルシート(CSS)に手を加えて記事内の写真の長辺を最大400ピクセルにしてやれば、毎回のピクセルサイズの書き換え作業が不要になります。

具体的には、以下の設定をCSSに追加します。
img.IMAGE_MID, img.IMAGE_RIGHT, img.IMAGE_LEFT {
max-width: 400px;
max-height: 400px;
width: auto;
height: auto;
}


特定の記事について設定したい場合には4年前の記事の方法を、すべての記事で写真をそのように動作させたい場合には今回の記事の方法を使い分ければよいです。
Zoom オンラインパソコンレッスン 全国どこでも自宅がパソコン教室に
by pc_klik | 2016-01-11 17:50 | ブログ TIPS

全国どこからでも Zoom オンラインレッスンを受け付けています。経験・実績が豊富な講師が100%専任で対応する完全個別マンツーマンのパソコン教室です。知りたいこと、わからないことなど、どんどん質問してください。その場でお悩み・お困りごとの解決をお手伝いします。

   


by パソコン教室くりっく
MENU