javascript - 如何使我的特定幻灯片随窗口调整大小？

Question

我完全不喜欢 javascript，我在下面添加了一个幻灯片，并希望根据窗口大小调整它的大小。我试过在 JS fiddle 上乱搞，但似乎无法让它工作。谁能告诉我我的代码在下面丢失了什么？我知道它根本不对，但似乎无法修复它，尝试了很多网站和视频...

这是我的幻灯片 div 和部分 javascript，不确定是否有用:

<div id="sliderFrame">
<div id="slider">
<img src="images/slide1.jpg" />
<img src="images/slide2.jpg" />
<img src="images/slide3.jpg" />
<img src="images/slide4.jpg" />
<img src="images/slide5.jpg" />
</div>
</div>

var sliderOptions=
{
sliderId: "slider",
startSlide: 0,
effect: "6,15,1,2,11,12,13,15,16,5,7",
effectRandom: false,
pauseTime: 2600,
transitionTime: 500,
slices: 14,
boxes: 11,
hoverPause: 2,
autoAdvance: true,
captionOpacity: 0.5,
captionEffect: "rotate",
thumbnailsWrapperId: null,
m: true,
license: "mylicense"
};
var imageSlider=new mcImgSlider(sliderOptions);

javascript 的最后一部分继续了一段时间...... 现在这是我的窗口调整大小功能的 javascript，它与我的幻灯片位于同一个 js 文件中，如下所示:

addLoadEvent(function() {
$(window).resize(function() { 
#sliderFrame, #slider
});
}

大声笑显然它遗漏了一些东西。

Answer 1

使用此 css 属性调整窗口大小。 我在我的一张幻灯片中使用了它。确保你有绝对的位置。

.class{
  position: fixed;
  bottom: 0;
  width: 100%
}