Jquery 大型幻灯片/画廊固定高度

Jquery 大型幻灯片/画廊固定高度,jquery,css,slider,javascript,Jquery,Css,Slider,Javascript,我试图让我的幻灯片表现得像这样: 如果浏览器窗口的宽度大于或等于我的图像的宽度-图像应为窗口的100%,但不高于450px(剪切溢出)。这很容易做到,但是 如果浏览器窗口比我的图像窄,则图像应居中,然后在左侧和右侧进行剪切。我还是想要一个固定的高度。像这样: 有没有这个插件?我试图修改一些,但无法使NR2正常工作您的图像也有固定宽度吗?如果是这样,您可以使用以下解决方案: 创建包含图像的容器 .container{ 位置:相对位置; 高度:450px; 溢出:隐藏; } 将图像放入容器中,然后

我试图让我的幻灯片表现得像这样:

  • 如果浏览器窗口的宽度大于或等于我的图像的宽度-图像应为窗口的100%,但不高于450px(剪切溢出)。这很容易做到,但是

  • 如果浏览器窗口比我的图像窄,则图像应居中,然后在左侧和右侧进行剪切。我还是想要一个固定的高度。像这样:


  • 有没有这个插件?我试图修改一些,但无法使NR2正常工作

    您的图像也有固定宽度吗?如果是这样,您可以使用以下解决方案:

  • 创建包含图像的容器

    .container{
    位置:相对位置;
    高度:450px;
    溢出:隐藏;
    }

  • 将图像放入容器中,然后添加以下css

    .container img{
    宽度:600px;
    位置:相对位置;
    左:50%;
    左边距:-300px;/*减去宽度的一半*/
    }

  • 这将强制图像以容器为中心,即使图像比容器大