そのサイズの画像がいくつかあるギャラリーがあります:1600px×1042px
css でそのスタイルを使用して、サイトで画像をカットして中央に配置します。
.graphic-container img {margin-top: -22%; margin-bottom: -22%;}
画面解像度が 1600px を超える人のために、その jquery コードをサイトに含めます。
<script type="text/javascript">
$(document).ready(function(){
resizeDiv();
window.onresize = function(event) {
resizeDiv();
}
function resizeDiv() {
document.body.style.overflow = "hidden";
vpw = $(window).width();
vph = $(window).height();
$('#featured .csc-imagewrap img').css({'width': vpw + 'px'});
}
});
</script>
しかし、ギャラリーの下にさらにコンテンツがある場合、右のスクローラーが無効になっているため、サイトを閲覧している人はコンテンツ全体を見ることができません。
線がこれを作成したことは知っていますが、document.body.style.overflow = "hidden";
その線を無効にすると、ギャラリーの右側に 15 ピクセルの白い線が表示されます (画像の高さが画面の解像度よりも高いため)。
これを修正する方法を知っている人はいますか?