Crear un slider horizontal en Drupal 7

En este vídeo veremos como podemos crear un Horizontal Slider en Drupal 7.
El mismo es muy sencillo y se logra un efecto muy interesante con muy poco trabajo.

Módulos necesarios

• Horizontal Slider
• Views
• Ctools

Yo aparté he optado por asignar el tamaño para mis imágenes con ImageCache Actions y añadirles un efecto Lightbox.

No los necesitas, pero si los quieres los tienes aquí.

• ImageCache Actions
• Lightbox2

Activa los módulos que tu consideres.

La idea en sí, es crear un contenido que se utilice para mostrar el slider horizontal.
En dicho slider, las imágenes tienen que tener un tamaño para el tipo de contenido y otro para cuando se muestren en la vista.
Esto es algo que confunde a los más nuevos, pero en Drupal no estas limitado a un solo tamaño de imágenes para tu contenido.

Es por ello que yo utilizo ImageCache Actions, para crear y asignar dichos valores.
De no ser así, es mejor que crees tus propios tamaños en programas como Gimp y/o Photoshop.

Una vez creado o resuelto el tema de las imágenes, tienes que crear el nuevo tipo de contenido que será el que muestre el Views Horizontal Slider

Para este ejemplo es solo necesario crear un campo solo al nuevo contenido el cual será de tipo imagen.

Los tamaños que selecciones desde Gestionar Presentación, solo afectan al tamaño de la imagen como se muestra al visualizar el contenido del nodo, no así a la vista del views horizontal slider, ya que este tamaño lo asigna luego Views.

Ahora ya tienes tus imágenes con el tamaño deseado, lo hagas con ImageCache Actions o por medio de un programa de diseño, tienes tu nuevo tipo de contenido creado con un campo de tipo imagen agregado.
Solo necesitas crear la cantidad de contenidos que quieras mostrar en dicho slider, para este ejemplo yo utilizo cinco nodos, porque muchos más recargarían el sitio.

Una vez hecho esto, solo tienes que crear la nueva vista:

Tienes que tener seleccionado tu tipo de contenido, yo para este caso he seleccionado Portada, que es como he llamado al mío.
Solo recuerda asignar en Formato de presentación la opción Horizontal Slider.

Para poder lograr este efecto tienes que tener seleccionados los siguientes campos:

• Título
• Imagen
• Body

Es importante que en la opción de Imagen selecciones el valor para el horizontal slider, de lo contrario no se verá bien.
Yo he optado por recortar el campo de texto a 380 caracteres, pero esto es mi gusto personal.
Por último tener en cuenta que el orden de los campos importa, yo he dejado los mismos así:

• Imagen
• Título
• Body

Para terminar solo es cuestión de donde quieres colocar tu slider, yo he decidido ponerlo en la página de inicio, tu puedes colocarlo donde quieras.