キャッシュクリアのため一度F5を押してから見て下さい。
試験サイトです。
プラグインの設定内容は次の通りです。
<script src="https://www.google.com/jsapi"> </script>
<script>google.load('jquery','1')</script>
<script>
var bline = "Y";
var bcolor = "#FF99CC";
var bwidth = "5";
var maxwin= "1000";
var iforce = "Y";
var bstyle = "double";
var txtup = "Y";
</script>
<script src="http://usrcss.ameblo.jp/skin/templates/a6/dd/10056465380.css"></script >
オプションの意味は
私のサイトに記載しています。
blineは、周りを囲む線で「有り」の指定
bstyleは、線の種類で「二重線」の指定
bcolorは、線の色で「ピンク」の指定
bwidthは、線の太さで「5」pxの指定
maxwinは、最大サイズで「1000」指定
iforceは、強制拡大で「あり」
txtupは、テキストエリア全体の拡大で「あり」
になっています。
この仕様ですと、アメブロの制限である800を
無視して1000まで拡大しています。
ええ、拡大プラグインの名前に恥じない
拡大です。
ですので100pxの画像も1000pxに拡大します。
ただし画質優先なので220pxのサムネイルを
フォーカスすると800pxの画像を1000pxまで拡大します。
アメブロでアップロードできる最大サイズを
ブログに貼り付けるとき「縮小して表示(横幅最大220px)」を選択
どうですか？
１０００の大きさは！！
見た目220汚いサムネイル画像ですが、元データは800あるので
プログラムでオリジナル画像を抜き出して
1000に拡大されても、きれいです。
次は、オリジナル画像の貼り付けです。
オリジナルで横500pxの画像を貼り付けてみます。
横500を1000に拡大しているので、少し汚いです。
先ほどの800の方がきれいなのが分かります。
800の方は見た目220しかないですが(^^ゞ
では、1000に強制拡大すると
どの程度の画質になるのか、見てみましょう。
横220のオリジナルを貼り付けてみます。
流石に汚いですね＾＾；
では、もっと小さいものです。
これは、無理ですね＾＾；
という事で
オプションスイッチiforceを是非ともお試し下さい。
最後に、ティナさんが掲載許可をくれた
他サーバの画像です。
アメブロの文章を書くためのエリアを
「articleText」といいます。
（Amebaが名付けているだけですが）
そのarticleText内に書かれている
他サーバのimgタグ（画像を表示するタグ）があれば
その画像も拡大します。
ティナさんは1158でアップロードしていますが、
私の設定は1000でしたので少し縮小します。
maxwinを1500とかにすればもちろんなります
では、見てみましょう
ティナさんありがとう
１０００でも充分見えますね(﹡ˆᴗˆ﹡)
ということで、新スイッチのテストも完了です。
ところで、そこにある、
音譜やハートをフォーカスして下さい。
1000に拡大しますｗｗこの設定では
絵文字も使えない気がします。
もちろん、iforceを"N"にするか
txtupを"N"にすればこんな事にはなりません。
ということで、ではでは
はるかより。