我的大图像不适合我的图像滑块

Question

我有一个图像滑块。它是100％宽，它的高度是400px。我喜欢我的照片，它总是大于滑块（f.e。：2500 * 1250等......）以适合我的滑块。我怎样才能做到这一点？使用jquery脚本进行dinamically？

我的代码：

#slider { 

    width: 100%; 
    height: 400px;
    position: absolute;
    overflow: hidden;
}

- 我在滑块中显示的图片的ID .--

#first {

}

#second {

}

#third {

}

Answer 1

在滑块中img尝试这种方式：

  #first img,#second img,#third  img {
     position :relative;
     width:100%;
     height:auto;
  }

Answer 2

你不需要像这样改变你的css来编写jquery

 #first img {
     width:2500px;
     height:1250px;
     position :relative;
     overflow: hidden;
 }

使用与其他图像ID相同，但我认为最好使用一个类，因为在滑块中需要所有图像都是相同的大小

Answer 3

都没有工作。我曾经在某个地方找到过为此发布过js的人，但我找不到那个帖子，这就是我发布的原因。