Supersized
Supersized es una presentación de diapositivas de fondo de pantalla completa construida usando la librería jQuery.
Para disponer de esta librería deberemos incorporar en nuestro <head> el script básico de jQuery y el de Supersized que podrás descargar pulsando aquí.
<script type="text/javascript" src="js/supersized.3.1.3.min.js"></script>
También en el <head> deberemos invocar y rellenar los parámetros del elemento Supersized donde añadiremos también las imágenes, links y títulos.
Lo podrá ver mejor en los ejemplos en funcionamiento:
Ver Supersized con efecto carousel
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
5 respuestas a “Supersized”
Deja una respuesta
47 artículos que te podrían interesar
Hola buenas veo que el post ya lelva algún tiempo, por si acaso álguien sabe como detener la diapositiva cuando llegue a la última foto?, porque se sigue cargando constantemente mientras se navega en los otros menús, pueden ver esta dirección http://www.sercomp-ec.com/comefexuio1
Les gardecería un mundo, mi mail reyes_lenin@hotmail.com
Hola tengo una duda con este slider quisiera saber si puedo mandar llamar archivos de imagen desde la carpeta local y no desde una dirección en internet, espero su respuesta y muchas gracias por el recurso.
diría que no, las imagenes deben estar alojadas en un servidor
Hola, de que manera puedo quitarle la propiedad que el fondo se adapte a la resolucion de la pantalla. este slider me sirve mucho pero he intentado quitarle esa propiedad y no he dado con la solucion, gracias si me puedes colaborar.
Hola,
En la configuración del slider hay unos parámetros con los que debes jugar para conseguir el efecto deseado:
//Size & Position
min_width: 1024, //Min width allowed (in pixels)
min_height: 768, //Min height allowed (in pixels)
vertical_center: 1 //Vertically center background
horizontal_center: 1, //Horizontally center background
fit_portrait: 1, //Portrait images will not exceed browser height
fit_landscape: 0, //Landscape images will not exceed browser width