Hola, seguramente se han preguntado como poner imágenes de fondo en su sitio que cambien automáticamente, pues también me encontré con este requerimiento en mi caso era para un sitio web realizado en drupal, entonces googlee un poco y encontré un plugin jQuery llamado Backstretch simple de usar, descargas la librería y la llamas.
$.backstretch([
"image1.jpg"
, "image2.jpg"
, "image3.jpg"
], {duration: 3000, fade: 750});
En mi caso la necesitaba para drupal, entonces lo busque como modulo y encontre.
Backstretch | Drupal.org lo instale en mi drupal y lo habilite en mis modulos.
Luego lo tenia que añadir en mi tipo de contenido en este caso era un pagina básica
así que añadi un nuevo field tipo image. (sliderf)
En mi caso quiero un slider de 3 imágenes entonces al crear el field le puse de limite 3 imágenes
para mostrarlas como slider en manage display debemos setear backstrech en sliderf.
En teoria todo estaba listo, pero no! no funcionaba para mi, vi si habían errores en mi consola pero no tenia ninguno, me fije en el modulo que se había instalado en mi drupal y vi la version del js note que era del 2012 entonces lo reemplace con el del plugin que me había descargado de sorben porque pensé que era un tema de versiones pero tampoco, luego recordé que había editado la vista de mis nodos (node_view), entonces tenia que agregar ese field.
A lo que agregamos y configuramos este field en el node_view el formato para mostrar este field es backstrech y debemos poner el selector css donde queremos que se muestre en mi caso era todo el body entonces ponemos body si es una clase o un id debemos pones .miclase o #miid respectivamente.
Fuentes:
No hay comentarios:
Publicar un comentario