Haz que SlideJS trabaje a pantalla completa

He fallado al tratar de hacer que SlideJS funcione a pantalla completa … Parece que tiene espacio en blanco, no importa lo que haga y nunca se ajusta.

Necesito que el fondo FULL sea como el control deslizante de SlideJS, de modo que el fondo se deslice cada 5 segundos a la siguiente página / diapositiva (que es un color de bloque con texto como “Bienvenido a mi sitio”, luego en la siguiente diapositiva, con un color de fondo de bloque diferente puede decir “Mi nombre es bla y bla bla” y un ícono diferente en cada diapositiva).

Cuando utilizo un complemento como Superslides, parece configurar TODAS las imágenes individuales que coloco en cada contenedor de diapositivas como imagen de fondo, solo quiero un color de bloque para el fondo que cambie cada diapositiva; no una imagen como fondo

Por lo tanto, necesito obtener un fondo deslizante de página completa / pantalla que le permita tener imágenes dentro de las diapositivas (a diferencia de Superslides que no lo hace, ya que las establece en “posición: absoluta; …”).

Me encontré con una situación similar.

Esto es lo que hice para arreglarlo.

Busque esta función en la fuente (alrededor de la línea 231) y cambie las variables de ancho y alto a $ (ventana) .width (); y .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 }); };