Creando un slide de imágenes en Drupal 6 y 7

Hace un tiempo necesitaba crear un efecto de esos tan comunes en estos tiempos donde tienes un conjunto de imágenes en un bloque que van saliendo una tras otra, con cierto efecto. Drupal da muchas posibilidades para eso, incluso pluging para views para manejar la presentación de esta forma.

Pero la verdad prefería en ese momento hacerlo, para así aprender. Lo primero que hice fue implementar un módulo que generara un bloque donde colocaría el slide de imágenes. Para eso simplemente busqué un ejemplo en internet y tomé su código y lo adapté a un módulo de Drupal. La verdad funcionó perfectamente.

Pero usando ese mismo módulo en otros proyectos entró en conflicto en una salida de una vista. El problema estaba en que ese ejemplo usaba una versión de JQuery diferente a la que trae consigo Drupal 7. Por ello para evitar entrar en estos conflictos lo mejor es si se va a implementar apoyarse en herramientas que brinda Drupal.

Les presento estas solución:

Para D6 y D7 existe un módulo llamado JQuery plugins, el cual me parece muy ingenioso, sobre todo porque organiza nuestro trabajo. Este módulo trae consigo una serie de plugins de jQuery que permite usarlos directamente en cualquier implementación.

Para instalar el módulo solo es decargarlo, copiarlo en la carpeta de los módulos y activarlo, una vez instalado solo sería algo como esto:



<?php

drupal_add_library('jquery_plugin', 'cycle' );
drupal_add_js(' $(document).ready(function() {          $("#slide").cycle({fx:'fade',speed:5000}); });','inline' );

?>

<div id="slide" class="pics" style="height: 300; width: 400; ">

    <img src="files/image1.jpg" />

    <img src="files/image2.jpg"/>

    <img src="files/image3.jpg"/>

</div>

Para el caso de D6 sería prácticamente igual, el único cambio estaría en la forma de llamar al plugin cylce, en este caso sería:


jquery_plugin_add('cycle')


El modulo jQuery plugins incluye en estos momentos:

-Cycle
-Date input
-Expose
-Flash embed
-History
-Metadata
-Mousewheel
-Overlay
-Range input
-Scrollable
-Tabs
-Tooltip
-Validate
-Validator

Si se desea incluir uno que no está en esta lista basta con descargárselo y copiarlo dentro del módulo.