javascript - 让 SlideJS 全屏工作

Question

我试图让 SlideJS 全屏工作失败了......无论我做什么，它周围似乎都有空白，而且它永远不适合。

我需要像 SlideJS 的 slider 一样的完整背景，以便背景每 5 秒滑动到下一页/幻灯片(这是带有一些文本的 block 颜色，例如“欢迎来到我的网站。”然后在下一页幻灯片，具有不同的 block 背景颜色，它可能会说“我的名字是等等，我等等。”并且每张幻灯片上都有不同的图标)。

当使用诸如 Superslides 之类的插件时，它似乎将我放入每张幻灯片容器中的每一张图像都设置为背景图像，我只想要一个改变每张幻灯片的背景色 block ；不是图像作为背景。

因此，我需要获得一个全页/屏幕滑动背景，让您可以在幻灯片中显示图像(不像 Superslides，它不会将它们设置为“position: absolute; ...”)。

Answer 1

我遇到过类似的情况。

这就是我修复它的方法。

在源代码中查找此函数(大约第 231 行)并将宽度和高度变量更改为 $(window).width();和.height();:

Plugin.prototype.update = function() {
  var $element, height, width;
  $element = $(this.element);
  this.data = $.data(this);
  $(".slidesjs-control", $element).children(":not(:eq(" + this.data.current + "))").css({
    display: "none",
    left: 0,
    zIndex: 0
  });
  width = $(window).width();
  height = $(window).height();
  return $(".slidesjs-control, .slidesjs-container", $element).css({
    width: width,
    height: height
  });
};