« Blog記事内の画像の拡大 (1) | メイン | Blog記事内の画像の拡大 (3): スクロールバー表示 »

2013年5月31日 (金)

Blog記事内の画像の拡大 (2)

エディオングループのISPであるエディオンネットの「エンジョイ!ブログ」を使用していますが、Blog記事内の縦長画像をクリックして拡大画像を表示したときに画像の下部が一部切れてしまうことがあります。

  119_3

「エンジョイ!ブログ」で自動生成される拡大画面表示用のHTML内のJavascript に問題があるように思います。

         <script type="text/javascript">
            YAHOO.util.Event.onDOMReady( function() {
                var vw = YAHOO.util.Dom.getViewportWidth(),
                      vh = YAHOO.util.Dom.getViewportHeight();
                var img = new Image();
                img.src = "/./photos/uncategorized/2013/05/30/119_3.jpg";
                if ((img.width > 0 ) && (img.height > 0)) {
                    window.resizeBy( img.width - vw, img.height - vh );
                }
            } );
        </script>

画面上部のタイトルバー や アドレスバー、下部のタスクバーの高さ等が考慮されていないように思われます。 これらを加味してwindowのサイズを決定するようにすれば、画像サイズや画面サイズ(解像度)に関係なく画像全体が表示できるようになるはずです。

トラックバック

このページのトラックバックURL:
http://app.blog.enjoy.jp/t/trackback/555969/31582347

Blog記事内の画像の拡大 (2)を参照しているブログ:

コメント

コメントを投稿

フォトアルバム 2

Powered by Six Apart