iDangerous Swiper プラグインを使用しているこのスライダーがあります。
彼女はフィドルです：http://jsfiddle.net/2vNTw/1/
スワイパー スライダーはカルーセル モードに設定されており、最大幅は 1275 ピクセルです。これで、非アクティブな画像/中央にない画像のカスタム オーバーレイを作成しました。オーバーレイは、縮小されていない場合は正常に機能しますが、縮小すると、オーバーレイは中央/アクティブなスライドにもオーバーレイされますが、これはすべきではありません。
スケーリングは jQuery で行われます。
JQuery スケーリング:
/* On Load swiper height should adjust to img size */
jQuery('.swiper-slide img').load(function() {
jQuery('.swiper-container').height(jQuery('.swiper-slide img').height());
jQuery('.swiper-wrapper').height(jQuery('.swiper-slide img').height());
});
/* On Resize swiper height should adjust to img size */
jQuery(window).resize(function() {
jQuery('.swiper-container').height(jQuery('.swiper-slide img').height());
jQuery('.swiper-wrapper').height(jQuery('.swiper-slide img').height());
});
オーバーレイをスケーリングすることもできますか?