Javascript 让SlideJS全屏工作
我尝试让SlideJS全屏工作失败了。。。无论我做什么,它周围似乎都有空白,而且永远不合适 我需要像SlideJS的滑块一样的完整背景,以便背景每5秒滑动到下一页/幻灯片(这是一种块颜色,带有一些文本,如“欢迎访问我的网站”。然后在下一张幻灯片上,使用不同的块背景色,它可能会说“我的名字是布拉,我布拉布拉。”并且每张幻灯片上都有不同的图标) 当使用诸如Superslides之类的插件时,它似乎将我放入每个幻灯片容器中的每个图像都设置为背景图像,我只希望为背景设置块颜色,从而更改每个幻灯片;没有图像作为背景Javascript 让SlideJS全屏工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试让SlideJS全屏工作失败了。。。无论我做什么,它周围似乎都有空白,而且永远不合适 我需要像SlideJS的滑块一样的完整背景,以便背景每5秒滑动到下一页/幻灯片(这是一种块颜色,带有一些文本,如“欢迎访问我的网站”。然后在下一张幻灯片上,使用不同的块背景色,它可能会说“我的名字是布拉,我布拉布拉。”并且每张幻灯片上都有不同的图标) 当使用诸如Superslides之类的插件时,它似乎将我放入每个幻灯片容器中的每个图像都设置为背景图像,我只希望为背景设置块颜色,从而更改每个幻灯片;没有图
因此,我需要一个完整的页面/屏幕滑动背景,让你在幻灯片中有图像(不像超级幻灯片那样,因为它将幻灯片设置为“位置:绝对;…”)。我遇到了类似的情况 这就是我为修复它所做的 在源代码(第231行附近)中查找此函数,并将宽度和高度变量更改为$(window.width();和。高度(); :
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
});
};