Nivo灯箱布局:未居中或正确调整图像大小

时间:2014-05-21 07:17:35

标签: css responsive-design lightbox nivo-slider

http://www.imageworkshop.com/2014/03/03/miranda-revisited-portrait-of-anne-louise-lambert-at-hanging-rock/

单击图像时,它将在Nivo灯箱中启动。直到最近,这仍然很好。图像将居中并响应调整大小以保持居中。 (你可以在这里看到它正常工作的一个例子:http://www.sandbox.sharonblance.com/project/melbourne-town/

突然间,这似乎不再适用了。我最近从灯箱的.js库的v1.0升级到v1.2,然而,回滚这个并不能解决问题 - 所以它必须与某些影响灯箱的其他CSS或主题更改有关?

我也看到当屏幕调整小时显示的滚动条不正确。

我注意到隐藏以下规则似乎会影响左/右对齐,但我无法找到解决我所看到的所有问题的方法:

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, 
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    transform: translateX(0px);
}

1 个答案:

答案 0 :(得分:0)

来自nivo-lightbox.css 我添加/更改(给它一个固定的宽度)它到这个

.nivo-lightbox-content {
margin-left:auto;
margin-right:auto;
width: 800px;
height: 100%;
}