【问题标题】:Resizing images in nivoslider在 nivoslider 中调整图像大小
【发布时间】:2014-04-09 17:00:01
【问题描述】:

我对图像尺寸有疑问。我正在使用 nivoslider。我通过以下方式在 CSS 中设置宽度和高度:

.nivoSlider img {
width:688px !important;
height:324px !important; 

当我上传宽度:688px 和高度:324px 的图像时,它可以工作,但是当我上传其他尺寸的图像时,它不会设置该尺寸。

您可以查看此页面http://www.zsmltu.cz/2014/ 并检查滑块。

js文件在这里http://pastebin.com/NMNqT2ui

您能告诉我如何更改 JS 文件以将图像大小调整为宽度:688 像素和高度:324 像素

【问题讨论】:

  • 您应该将问题隔离在 jsfiddle 中,而不是链接到您的网站。这样,在您的问题解决后,人们仍然可以从您的问题中学习。
  • 只是添加到 Alexander 的评论中,您的网站可能会在未来发生变化或关闭,并且解决您的问题将有助于未来遇到类似问题的用户。
  • 在 jsfiddle 中模拟问题非常困难:/

标签: javascript css image resize nivo-slider


【解决方案1】:

替换

.nivoSlider img { 
width:688px !important; 
height:324px !important;

.nivoSlider img { 
width: 688px; 
height: auto;
}

【讨论】:

  • 如何将高度和宽度都设置为自动;请参阅我的更新答案。或留下宽度:688px 和高度:自动;
  • 还是一样。我会说问题出在JS的某个地方。我在 CSS 中尝试了很多可能性,但没有任何帮助。
  • 最终尝试.. 见更新答案。确保清除 CSS 缓存
  • 确实如此。我已经尝试了很多事情,现在我完全不知道该怎么做。也许一些 js 方法来调整图像的大小?
  • HTML 正文中有 nivoSlider 类的元素吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-12-21
  • 2010-11-20
  • 1970-01-01
  • 2015-01-09
  • 2013-01-16
相关资源
最近更新 更多