principal descargar documentación
 
Forums Foros de R-Slideshow

Estructura de R-Slideshow

El objeto slideshow en el que se basa R-Slideshow está en el archivo slideshow.js, y la descarga viene acompañada del archivo ejemplo.html donde se puede ver el uso básico del objeto.

El paquete zip que de distribuye tiene la siguiente estructura:

  • slide_css: contiene la hoja de estilo usada por R-Slideshow.

  • slide_img: contiene imágenes propias de R-Slideshow.

  • slide_fotos: es el lugar indicado para contener las imágenes que formarán parte de la presentación de diapositivas.

  • slideshow.js: el objeto slideshow.

Configuración de R-Slideshow en el sitio web

Una vez descargado R-Slideshow, descomprimir el contenido dentro de una carpeta que se llamará rslideshow, en el sitio web donde se desea usar la presentación de diapositivas.

En la carpeta slide_fotos se copiarán las imágenes que se quieran usar como parte de la presentación. El número de imágenes no importa. El tamaño tampoco importa, aunque es deseable que todas las imágenes mantengan las mismas dimensiones. R-Slideshow no modifica los tamaños.

Utilización de R-Slideshow

R-Slideshow proporciona una forma de crear varias presentaciones en una misma página o en diversas páginas del sitio web.

Una vez cofigurado R-Slideshow (ver apartado anterior), hay que proceder a instanciar el objeto slideshow para poder utilizarlo. En la página donde se quiera utilizar R-Slideshow hay que colocar, en la cabecera, esta línea de código:

<script language="javascript" src="[RUTA]rslideshow/slideshow.js"></script>

La RUTA debe ser una ruta (relativa o absoluta) hacia dónde se encuentra la carpeta rslideshow donde se encuentra el objeto slideshow y las fotografías de la presentación.

Posteriormente, hay que instanciar el objeto, antes de utilizarlo:

<script>
_RUTA_FOTOS = "rslideshow/slide_fotos/";
var presentacion = new Slideshow("presentacion");
presentacion.agregar_imagen("foto1.jpg", "foto2.jpg");
</script>

El método agregar_imagen recibe una lista con los nombres de las imágenes que se deseen agregar a la presentación. Estas imágenes deben estar en el directorio slide_fotos, dentro de rslideshow en el sitio web.

Se ha utilizado la variable _RUTA_FOTOS del objeto slideshow para especificar en lugar donde se encuentra el objeto (el archivo slideshow.js).

Es el momento de utilizar la presentación:

<script>
presentacion.crear_slide();
</script>

Con el método crear_slide, una presentación de diapositivas se creará con todos los comportamientos en el lugar donde se coloque la llamada a dicho método.

R-Slideshow
SourceForge.net Logo