Crear popup con una imagen usando Mootols

popup con una imagen usando mootols
07 Jun
2011

Si tienes un Joomla! y tu template no te da la opción de insertar una imagen pop-up, sigue estos sencillos pasos:

 popup con una imagen usando mootols

  1. En el index.php de tu template pega este código:
    <?php JHTML::_( 'behavior.modal' ); ?>
  2. En el artículo debes insertar el siguiente código:
    <a class="modal" href="images/stories/imagen_grande.jpg"><mg src="images/stories/imagen_pequena.jpg" border="0" alt="Una imagen" /></a>

Un pop-up es también conocido como ventana modal. La línea que acabamos de añadir nos dará la posibilidad de usar los comportamientos que incorpora la librería Mootols. Esta línea genera el include de la librería Mootools y la librería Squeezebox, encargada de generar la ventana modal. Es importante usar esta función PHP ya que de esta forma te aseguras que no se cargue varias veces repetida la librería por diferentes extensiones. Una vez incluidas las librerías basta añadir la clase modal a los enlaces que queremos que generen una ventana modal. Si eres desarrollador de componentes añádelo en el fichero view.html.php

Pero ¿Qué es Mootols?

Joomla incorpora Mootools como framework Javascript en el core permitiendo crear popups en forma de ventana modal de una manera muy sencilla y homogénea. De hecho, cuando se programa en Joomla es recomendable usar todas las características del core Joomla para que todo quede con un “look” más consistente.




  • Compartir:

Deja un comentario

Booking.com
A %d blogueros les gusta esto: