我在div中使用NivoSliderjQuery插件,它的尺寸比我显示的图像小。当Slider滑动到第二张图片时,图片会正确缩小。但是当第一张图片第一次显示时(加载页面后),它只缩放宽度,不缩放高度。我该如何改变它?例子:比方说,我所有的图像都有1024*768像素的大小。div的宽度为400px。我在slider中有3张图片。加载图像1后立即以400*768像素(错误)然后滑动到400*300像素的图片2然后以400*300像素制作图像3然后到400*300像素(右)中的图像1...编辑:我刚刚注意到,这只发生在IE中,在Firefox中没有这样的错误。
我已经为我的问题寻找解决方案,但尚未成功。我在NivoSlider中有不同大小的图像,但我需要创建一个viewport以div为中心显示图像。很难解释,但我在下面附上了一张图表。图像必须在div中居中,而div也必须是响应式的。我不希望div更改其大小,并希望图像创建一个隐藏在div上的overflow。我尝试过CSS和HTML的不同方法,但都不是我最大的强项。 最佳答案 如果我理解正确的话,你想要实现的是这样的(取消注释/*overflow:hidden;*/):DEMOHTML:CSS:div{position:relative
我的网页中有nivoslider。我需要显示各种宽度和高度的图像。较大的图像显示在较小的图像后面。请引用以下屏幕截图。我必须删除在小图像后面显示大图像。有没有可能用nivoslider来做? 最佳答案 我用过它,效果很好:).theme-default.nivoSliderimg{position:absolute;top:0px;left:0px;display:none;width:556px;height:183px!important;} 关于javascript-nivosli