4

jQueryの「ライトボックス」プラグインを使用していますが、それが目前の問題に関する必要な情報であるかどうかはわかりません.

スライドショーに表示する画像はかなり大きいです。それらのそれぞれは画面よりもはるかに大きいです（サーバーで画像をホストしていないため、サイズを変更できません）。画面の境界内に収まるようにサイズを調整する必要があります (おそらくマージンもあるでしょう)。これを処理するための JQuery やその他の Javascript スニペットはありますか?

編集

今、私は「ズームボックス」を使用しています。これにより、スケーリングの問題が確実に修正されます。ただし、優れたスライドショー機能はすべて失われています。つまり、矢印キーを使用したり、画像のギャラリーを循環したりすることはできません!

4

3 に答える 3

6

以下に、機能が豊富で広く使用されている 3 つのプラグインを示します。

http://www.jacklmoore.com/colorbox

http://fancybox.net/

http://www.grafikart.fr/zoombox

編集:ほぼすべてのライトボックス ソリューションがリストされ、比較されています: http://planetozh.com/projects/lightbox-clones/

于 2012-05-16T00:56:16.823 に答える
1

自動スケーリングを含めるために、Lightbox2 をフォークしました。

画像がウィンドウよりも大きい場合、自動的に 80% にサイズ変更されます。

ここで、私の新しいレポで見つけることができます。

于 2013-06-27T07:24:07.813 に答える
1

これらの多数のライブラリをテストした後、私はFloatboxに落ち着きました。デフォルト設定では、画面に合わせて画像のサイズを変更し、矢印キーで移動できるようにします。画像をクリックすると、100% にズームされます。色、ウィンドウの装飾などを簡単に設定できます。

于 2013-03-24T15:27:40.663 に答える