画像を記事内に収める | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ オリジナル画像を記事に貼ると、画像の横幅が、記事の
  横幅より大きい時に、画像の右側が切れてしまいます。

  それを避けれるために画像の最大幅をCSSで指定します。


① CSSへ下記を追記する

.articleText img{
max-width:300px;/* 記事の横幅より 20px くらい少ない値 */
height:auto;
}

② 記事の画像に横幅や高さを指定してしまっている場合は、
  下記をフリープラグインへ追記して、指定してある横幅と縦幅を
  消します。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){
$('.detailOn img').each(function() {
$(this).removeAttr('height').removeAttr('width');
})});
</script>



● 注意
 下記は、フリープラグインの先頭に1つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>