【问题标题】:NextGen Nivoslider (Wordpress): Image ResizeNextGen Nivoslider (Wordpress):图像调整大小
【发布时间】:2014-01-24 02:07:02
【问题描述】:

我的插件在这里处理图像幻灯片:

http://samsweet.info/

我已按所需的完整尺寸上传了所有图片;都在 600 X 500 像素以内。如果我没有在简码中指定高度/宽度,图像会被拉伸并膨胀以填充整个内容区域。但是当我在简码中指定高度和宽度时,图像没有响应,并且在调整窗口大小时不会“缩小”。有人可以指导我如何让这些图像(a)显示为全尺寸,居中和(b)在较小的窗口/移动设备中正确调整大小吗? 任何帮助表示赞赏!

【问题讨论】:

  • 有人了解这个问题吗?非常感谢!

标签: resize nivo-slider nextgen-gallery


【解决方案1】:

如果您的滑块包含在 div 中,请尝试使用 css 调整 div 的大小。这样,您的图像将保持其纵横比,但您仍然可以使用百分比(和最大宽度)。

.slider-div{
    width: 80%;
    max-width: 600px;
}

【讨论】:

  • 感谢您的回复,梅根!不幸的是,我似乎无法让它工作。图像仍然没有调整大小,或者中心对齐消失了......您对 nivoslider 短代码了解得足够多,可以暗示可能导致这种情况发生的原因吗?这是目前页面上的代码:
  • <div align="center">[ngg-nivoslider gallery="4" order="random" pausetime="150000" width="600" height="500" resize="3" controlnav="false" randomstart="true" center="1" directionnav="false" keyboardnav="false" manualadvance="true" shuffle="true"]</div>
  • 嗯,我从来没有使用过短代码,但你有没有尝试添加 width="100%" 和 height="100%"?然后你应该能够改变你包含的 div 的大小,并添加一个边距:如果你需要它是自动的
【解决方案2】:

这让我困惑了一年,今天我终于想通了。它是被拉伸的过渡。当我将其更改为 effect="none" 时,它仍然有效并且不再拉伸。但是图像下方的快速单击按钮不再起作用。啊……总有一些东西。但至少有一个线索。

【讨论】:

    猜你喜欢
    • 2014-04-09
    • 1970-01-01
    • 1970-01-01
    • 2017-02-04
    • 2015-10-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多