让SlideJS全屏工作

时间:2013-05-01 20:54:00

标签: javascript jquery html css

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

我需要FULL背景就像SlideJS的滑块一样,所以背景每5秒钟滑动到下一页/幻灯片(这是一个带有一些文本的块颜色,例如“欢迎使用我的网站”。然后在下一页幻灯片,有不同的块背景颜色,它可能会说“我的名字是等等,我等等。”每张幻灯片上都有一个不同的图标。

当使用Superslides这样的插件时,似乎将我放在每个幻灯片容器中的每个单个图像设置为背景图像,我只想要一个块颜色用于改变每个幻灯片的背景;不是图像作为背景。

所以,我需要获得一个整页/屏幕滑动背景,让你可以在幻灯片中放置图像(与Superslides不同,它不会将它们设置为“position:absolute; ...”)。

1 个答案:

答案 0 :(得分:3)

我遇到了类似的情况。

这就是我所做的修复它。

在源代码中查找此函数(第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
  });
};