Skip to Content

rel="lightbox"

Outra proba

imaxe

rel="lightshow" (con slide)

imaxe

 

  • Subimos las imágenes con el IMCE
  • Hay que copiar el siguiente texto para cada imagen, haciendo click previamente en "Disable rich text":
  • Actualizar los títulos title=".." y los nombres de las imágenes.
  • Entre corchetes agrupamos las imágenes dando un nombre al grupo

<p><a title="Invierno" href="/centros/zonapontevedrad6/?q=system/files/images/Invierno.jpg" rel="lightshow[grupo]"><img src="/centros/zonapontevedrad6/?q=system/files/images/Invierno.jpg" alt="imaxe" width="133" height="186" /></a></p>

<p><a title="Captura de pantalla" href="/centros/zonapontevedrad6/?q=system/files/images/imaxe_swf4.png" rel="lightshow[grupo]"><img src="/centros/zonapontevedrad6/?q=system/files/images/imaxe_swf4.png" alt="imaxe" width="133" height="186" /></a></p>

 

Nota: Si se incluye el texto tachado, al hacer click en la segunda imagen se empezaría a reproducir a partir de ahí hasta el final (imagen 2 de 2)

Si no se incluye dicho texto, al hacer click sobre la imagen 1 haríamos la reproducción de las imágenes 1 y 2 

rel="lightbox" (sin slide)

imaxe

imaxe

  • Subimos las imágenes con el IMCE
  • Hay que copiar el siguiente texto para cada imagen, haciendo click previamente en "Disable rich text":
  • Actualizar los títulos title=".." y los nombres de las imágenes.

<p><a title="Invierno" href="/centros/zonapontevedrad6/?q=system/files/images/Invierno.jpg" rel="lightbox"><img src="/centros/zonapontevedrad6/?q=system/files/images/Invierno.jpg" alt="imaxe" width="133" height="186" /></a></p>

<p><a title="Captura de pantalla" href="/centros/zonapontevedrad6/?q=system/files/images/imaxe_swf4.png" rel="lightbox"><img src="/centros/zonapontevedrad6/?q=system/files/images/imaxe_swf4.png" alt="imaxe" width="133" height="186" /></a></p>

 

En realidad son 3 pasos:

  1. Subir imagen con IMCE
  2. Hacer un hipervínculo a la propia imagen desde la propia imagen
  3. Añadir en etiqueta <a> rel="lightbox" o rel="lightshow[grupo]"
Distribuir contido


by Dr. Radut