1

私はJavaScriptとjQueryが初めてで、Fancyboxを使用してスライドショーを作成しようとしています. 問題は、画像が縦向きか横向きかに関係なく、同じサイズのボックスに画像を表示したいということです。私の画像はすべて、横向きの場合は 700 X 525、縦向きの場合は 525 X 700 です。

下の画像の上部に示されているように横向きの画像が読み込まれ、中央に示されているように縦向きの画像が読み込まれ、下に示されているように縦向きの画像が読み込まれます。横長の場合と同じ寸法:

ここに画像の説明を入力

画像のサイズに応じて左のパディングを変更する必要があると思いますが、方法がわかりません。

よろしくお願いいたします。

Fancybox バージョン: 2.1.4 を使用しており、デフォルトを次のように設定しています。

        padding : 15,
        margin  : 20,

        width     : 800,
        height    : 600,
        minWidth  : 100,
        minHeight : 100,
        maxWidth  : 9999,
        maxHeight : 9999,

        autoSize   : true,
        autoHeight : false,
        autoWidth  : false,

        autoResize  : true,
        autoCenter  : !isTouch,
        fitToView   : true,
        aspectRatio : false,
        topRatio    : 0.5,
        leftRatio   : 0.5,
4

1 に答える 1