Tutoriales
Tutorial galería de imágenes con Simple Image Gallery
Tutorial Joomla! para crear una galería de imágenes con el plugin Simple Image Gallery de JoomlaWorks.El plugin Simple Image Gallery tiene dos versiones,una free y la otra llamada PRO que es comercial,en este caso vamos a utilizar la versión free para realizar el Tutorial Joomla! dentro de tu Web. Dentro del JED (Joomla! Extensions Directory) puedes encontrar muchísimas galerías de imágenes para instalar dentro de tu proyecto Joomla! pero me he decidido por este plugin de JoomlaWorks,por su sencillez y su rápida instalación.Ahora pasamos al tutorial en cuestión y no tengas miedo que es muy simple, como el mismo nombre del plugin.
Tutorial galería de imágenes con Simple Image Gallery:
Lo primero que necesitas es descargar el plugin Simple Image Gallery.
Una vez que lo tienes en bajado en tu equipo accedes a tu administrador Joomla! e instalas el plugin Simple Image Gallery como lo haces siempre. Si no sabes como se hace puedes ver este tutorial sobre instalar extensiones en Joomla.
Ahora accede a Extensiones -> Gestor de Plugins -> Simple Image Gallery -> aquí vamos a configurarlo y publicarlo posteriormente.
Dentro de la configuración de Simple Image Gallery vemos el siguiente cuadro que son los parámetros del Plugin.
Esta es la traducción de los parámetros del plugin Simple Image Gallery:

Ancho de la Imagen en miniatura. Aquí pon 200
Altura de la Imagen en miniatura. Aquí pon 200
Calidad de la Imagen en miniatura. Aquí pon 80
¿Debemos mostrar una sugerencia de navegación para la presentación de diapositivas?. Puedes seleccionar si o no.
Mensaje de navegación de la ventana emergente. Aquí puedes decirles a tus usuarios como funciona el popup y el pase de diapositivas.
¿Quieres mostrar un mensaje bonito?. Puedes seleccionar si o no.
Mensaje de ventana emergente. Aquí puedes decirles a tus usuarios donde se encuentra con un mensaje.
Una vez configurado el plugin Simple Image Gallery,podemos ir pasar a crear un nuevo artículo en nuestra Web Joomla!.
- Instrucciones de uso del plugin Simple Image Gallery:
El concepto es simple,si tu quieres crear una galería de imágenes dentro de tus artículos Joomla! (dentro del editor de texto).Tienes que crear una carpeta dentro de la carpeta images/stories.Por ejemplo tutorial-simple-image-gallery (muy importante el nombre que utilizas en dicha carpeta,por tema SEO) y subir a esa carpeta las imágenes que deseas que aparezcan en tu galería de imágenes.Ahora una vez creada tu carpeta crea un nuevo artículo Joomla! o edita uno ya existente he implanta el código necesario para que funcionen las galerías {gallery}tutorial-simple-image-gallery{/gallery}.No es necesario que coloques el código al final de tu noticia,puedes colocarlo donde quieras y poner tantas galerías como quieras dentro del mismo.También puedes crear subcarpetas dentro de la carpeta creada con anterioridad.Es decir que la ruta es de esta forma: images/stories/tu-carpeta/subcarpeta y asi puedes seguir,sobre todo esto sirve para crear galerías de marcas de coches por ejemplo. Por problemas de rendimiento, es preferible no utilizar más de 16 a 20 imágenes por elemento de contenido.
El plugin al tener ya un tiempo tiene un pequeño fallo dentro del código en el archivo que va dentro del paquete de instalación y es el archivo que hace funcionar el plugin. Abre el archivo jwsig.php y a partir de la línea 120 hasta la 122 tienes que despublicar las etiquetas br y b del código fuente:


Esto soluciona un pequeño bug,que nos muestra las etiquetas br y b dentro de nuestro texto de descripción en las imágenes. El bug se ve al pasar el mouse por encima de las fotos en nuestras galerías con Simple Image Gallery.
Simple Image Gallery en versión free da muy buenos resultados, pero si quieres algo más serio te recomiendo que compres la versión PRO por solo 12 Euros. Creo que merece la pena adquirir la versión comercial por las ventajas que lleva dentro.

Para ver la demo del Plugin he creado una Demo online en Byethost:
http://www.ayudajoomla.byethost8.com/
Después de finalizar el tutorial espero que hayan aprendido algo nuevo y no tengan miedo de equivocarse con Joomla! y siempre pregunten sus dudas en foros o en páginas como AyudaJoomla.
Sobre el autor
Codes Designs es una empresa dedicada al Diseño Web Joomla! y Posicionamiento Web Joomla!,creada por un servidor,Soy especialista en SEO,SMM y Marketing Web,mi debilidad en la red es el SEO y las nuevas tecnólogias.Joomla! es mi Fem Fatale,es amor y odio :).Llevo años dentro de la red y he administrado varias Web con algo de relevancia.Actualmente tengo un pequeño blogspot donde suelo hablar de Joomla! pero de otra manera.Puedes visitarme en: http://with-joomla.blogspot.com/
- Curso de VirtueMart 2.0
- Paso 3: Traducción Joomla 2.5 a español
- Paso 2: Instalación Joomla 2.5
- Instalar Joomla 2.5 en Mac OS: Instalación de MAMP
- Instalar Joomla 2.5 en Linux: Instalación de LAMP
- Cómo usar el JCal Pro para gestionar eventos
- Realizar copia de seguridad de Joomla con Akeeba Backup
- Crear formularios con BreezingForms
- Como usar el AcyMailing para enviar boletines de notícias
- Tutorial edición Página 404 en Joomla!
- Hackear Joomla! Admin Password Reset en versiones anteriores a la 1.5.6
- Incrustar pdf en Joomla
- Actualizar Facebook y Twitter desde Kunena
- Instalar Joomla en Linux (Ubuntu) con LAMP
- Deshabilitar tp=1 usando htaccess en plantillas Joomla
Artículos Recientes
- Migración de Joomla 1.5 a Joomla 2.5
- Joomla 2.5.4 - Actualización de seguridad
- El nuevo iPad es Joomlero
- Liberado Joomla 1.5.26
- Joomla 3.0: así será su interfaz
- ¿Tendrá Joomla 1.5 soporte hasta Septiembre de 2012?
- Gestión de extensiones en Joomla 2.5
- Plantillas en Joomla 2.5
- Plugins en Joomla 2.5
- Modulos en Joomla 2.5
Más Leidos
- Plantillas gratuitas para Joomla
- Contador de visitas para Joomla
- Plantillas tipo revista o periódico
- Insertar pdf en Joomla
- Como conocer la posición de un módulo en una plantilla
- Insertar código HTML en Joomla
- Tutorial de JoomlaPack - Realizar backups de Joomla (Parte 1)
- Galería de Imágenes para Joomla: Phoca Gallery
- Plantillas gratis para Joomla 1.7
- Crear mapa web o sitemap para Joomla con XMAP
Comentarios recientes
En el foro...
Artículos relacionados
- Crea tu propio template para Joomla!
- Joomla 1.5 Multimedia
- Galería de Imágenes para Joomla: Phoca Gallery
- Exposé Flash Gallery - Galería Flash Para Joomla
- Tutorial edición Página 404 en Joomla!
- Crear formularios con BreezingForms
- Tutorial configuración y funcionamiento componente Wrapper en Joomla!
- Crear y gestionar galerías de imágenes con el componente Phoca Gallery
- Álbumes de música con Music Manager
- Galerías de imágenes en Joomla 1.6 con Ozio Gallery
- Actualizar Joomla 1.6. Guía paso a paso
- Sistema de puntuación en Joomla 1.6 con Alpha User Points
- Tutorial de Sobi2 - Creación de un directorio de contenidos
- Tutorial JoomSEF. Mejorar el posicionamiento de nuestra web Joomla en los buscadores
- Multilenguaje en Joomla 1.6
- Tutorial CiviCRM: CRM para Joomla 1.6
- Vídeos en Joomla 1.6 con AllVideosReMix
- Joomla 1.6 Guía para principiantes. Libro Joomla gratuito
- Tutorial de K2 en Joomla 1.6
- Tutorial de Joomfish. Multilenguaje en Joomla 1.5
- Creación de plantillas para Joomla 1.6 y 1.7
- Obtener los parámetros de modulos, plugins, componentes y plantillas en Joomla 1.7
- Instalar y Configurar Zoo en Joomla 1.7
- Insertar galerías de imágenes en tus artículos Joomla
- Calendario de eventos en Joomla 1.7 con Jevents
- Suscripciones en Joomla 1.7 con Akeeba Subscriptions
- Pasarela de pago Pasat 4b para pagar con tarjetas de crédito en Virtuemart











