私は数日前から研究してきましたが、画像が容器に収まるように画像が伸びないようにnivoスライダで画像を拡大する方法を理解できていないようです。Nivoスライダ画像のスケーリング
Nivoスライダは、コンテナの幅に合わせてイメージを持ち、スライダの高さを増やしてイメージをコンテナに収めているようです。
比率が少し異なるように.jsファイルを変更する必要があります。
私の画像に最適な比率は、1150ピクセル幅×611ピクセルの高さです。
だから、私は最大幅1150pxを持つ必要があり、イメージはそれに応じてゆがみなしに適合する必要があります。
currH =イメージの高さ、currW =画像幅、maxW =コンテナの幅、 MAXH =コンテナの高さ
var ratio = currH/currW;
if(currW >= maxW & ratio <= 1){
currW = maxW;
currH = currW * ratio;
} else >if(currH >= maxH){
currH = maxH;
currW = currH/ratio;
}
これは私が追加する必要があり、私はJavaScriptでこれまで持っていた論理でありますNivoスライダーの.jsファイル。
誰かが私の問題を正しい方向に導くことができますか?私はjavascriptには新しいので、これにアプローチする方法はわかりません。
私のスライダーの例は、ホームページのardorhome.comにあります。私は自分のサイトに小さな画像を追加しようとしています。
追加しようとしている画像のアスペクト比は、1150ピクセル×1533ピクセルの高さです。