0

fancyBox (2.0.6) コンテナー内で小さな画像をスケーリングする簡単な方法があるかどうか疑問に思っていました。

現在、高解像度の画像がある場合、ページは正常に機能し、ファンシーボックスはビューポートに合わせてスケーリングされます。

私がやりたいのは、小さな画像 (たとえば 200x300px) がある場合、ビューポートに合わせてその画像のサイズを変更したいということです。品質が低下することは承知していますが、それでもスケールアップしたいと考えています。

これはできますか？これを行うためのfancyBox APIが見つかりませんでした。プラグインもありません。

ありがとう！

4

2 に答える 2

1

アスペクト比を維持するために、上記を変更しました

afterShow: function(){
 wh = $(window).height()/this.height;
 ww = $(window).width()/this.width;
 if (wh<ww)
 {
         this.height = this.height*wh;
         this.width = this.width*wh;
 }
 else
 {
         this.height = this.height*ww;
         this.width = this.width*ww;
 }
}
于 2012-05-30T20:48:55.343 に答える
0

それは実行可能ですが、移行は本当に奇妙に見えます（通常の作業方法ではなく、高級感を強制するため）

あなたがこのhtmlを持っていると仮定して：

<a class="fancy" href="images/01.jpg">open small image and upscale</a>

このスクリプトを試すことができます：

$(document).ready(function(){
 $(".fancy").fancybox({
  afterShow: function(){
   this.height = $(window).height();
   this.width = 'auto'
  }
 }); // fancybox
});//ready

PS。自己責任

于 2012-04-26T16:34:19.187 に答える