0

ページの中央に垂直/水平に配置されたスライドショーがあります（window-resize jqueryによる）。

同じサイズの画像で問題なく動作します。しかし、異なるサイズの画像を div の垂直方向/水平方向に中央に配置したい場合、これはどのように機能しますか?

更新：私はそれを解決することができました。これがJSFIDDLEです： http://jsfiddle.net/mihaene/FSeAe/3/

解決策は、中央の DIV の IMG にこのプロパティを与えることでした。

margin:auto; top:0; bottom:0; left:0; right:0;

よくわかりませんが、おそらく、これはもっと簡単な方法で行うことができます。どんな提案でも大歓迎です。

4

2 に答える 2

0

div#slideshow未満のサイズの画像で機能するこのcssを試してください

#slideshow img { margin:0 auto;}

サイズ変更の寸法を取得するために作成した次のメソッドを使用します。

function resizeDimensions(oldW, oldH, nuW, nuH){

        // resize according to given width
        if(nuW!=null){
                nuH = (oldH*nuW)/oldW;
            }
        else
        if(nuH!=null)   // resize according to given Height
            {
                nuW = (nuH*oldW)/oldH;
            }

         var dimensions = new Array(nuW, nuH);
     return dimensions;

     }
于 2012-04-23T10:07:14.457 に答える
0

スライドショー ナビゲーションのクリック時に resize メソッドを呼び出します。

于 2012-04-23T09:57:11.150 に答える