0

ligtbox2 の固定/カスタムの高さを設定する方法はありますか?

#lightbox img{ width: auto; height: 600px;}

これはimgのサイズのみを変更し、外側のコンテナは変更しません。

4

4 に答える 4

0 
<html>
<head>
    <style type="text/css">
        #lightbox { border : solid 2px #000000; position:absolute; }
        #lightbox img { width:auto; height: 600px;}
    </style>
</head>
<body>
    <div id="lightbox">
        <img src="Desert.jpg" alt="desert" />
    </div>
</body>
</html>
于 2010-05-20T21:23:07.847 に答える
0

その宣言で、あなたはスタイルを整えていimgます#lightbox

imgスタイリングのみになるように を削除してみてください#lightbox

これは機能しますか？

#lightbox { width: auto; height: 600px;}

于 2010-05-20T21:02:47.560 に答える
0

作成された HTML を調べてみると、divwithid="lightbox"でラップされ、その中にdivwithが含まれていることがわかりますid="outerImageContainer"。後者には、画像の高さを持つスタイル属性があります。そこを狙ってみてください。CSS で上書きするか、読み込み後に高さを変更します。

于 2010-05-20T21:03:55.840 に答える
0

これらの解決策はどれもうまくいきませんでしたが、助けてくれてありがとう。私はjsで手を汚さなければなりませんでした...これが私のハッキングされたコードです：lightbox.js

...
     // once image is preloaded, resize image container


            imgPreloader.onload = (function(){
                var scale = 600 / imgPreloader.height; //modified
                this.lightboxImage.src = this.imageArray[this.activeImage][0];
                this.resizeImageContainer((imgPreloader.width * scale), //modified imgPreloader.height);
            }).bind(this);
            imgPreloader.src = this.imageArray[this.activeImage][0];
        },

        //
        //  resizeImageContainer()
        //
        resizeImageContainer: function(imgWidth, imgHeight) {

            // get current width and height
            var widthCurrent  = this.outerImageContainer.getWidth();
            var heightCurrent = this.outerImageContainer.getHeight();

            // get new width and height

            var widthNew  = (imgWidth + LightboxOptions.borderSize * 2);
            var heightNew = (600 + LightboxOptions.borderSize * 2); //modified
...
于 2010-05-21T14:24:16.347 に答える