エキサイトブログでLightbox(Thickbox)のように写真を拡大表示するには Part.2
2016年 01月 11日
以前に
この記事では、エキサイトブログの記事に載っている写真をクリックしたときにかっこよく写真を拡大表示するための方法を紹介しました。もう4年も前になりますね。
4年前の記事に書いた方法だと、投稿したすべての写真についてピクセルサイズを手作業で書き換えなければいけませんので、いつもこのように写真を投稿したい人にとっては毎回の書き換えの手間がめんどくさく感じることでしょう。
その場合、スタイルシート(CSS)に手を加えて記事内の写真の長辺を最大400ピクセルにしてやれば、毎回のピクセルサイズの書き換え作業が不要になります。
具体的には、以下の設定をCSSに追加します。
特定の記事について設定したい場合には4年前の記事の方法を、すべての記事で写真をそのように動作させたい場合には今回の記事の方法を使い分ければよいです。
エキサイトブログで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年前の記事の方法を、すべての記事で写真をそのように動作させたい場合には今回の記事の方法を使い分ければよいです。
by pc_klik
| 2016-01-11 17:50
| ブログ TIPS