17
2010
Simple Image Gallery Pro – Galería de imágenes para Joomla 1.5
Por webPass
Todos aquellos que hemos trabajado en algún proyecto con Joomla sabemos de las ventajas que tiene contar con una comunidad de desarrolladores abocados a crear plugins, componentes, plantillas, módulos y muchos otros recursos que hacen la vida mas fácil para el desarrollador y/o diseñador web.
En este caso en particular nos vamos a detener en un plugin para crear una galería de imágenes de una forma muy simple y a su vez potente, de fácil configuración y visualmente atractivo aprovechando librerías como JQuery y Mootools .
Simple Image Gallery - Joomla
El plugin en cuestión es Simple Image Gallery Pro y ya mismo empezamos a detallar sus bondades.
- Permite crear una galería de imágenes en Joomla con solo escribir una línea de texto
- Automaticamente crea las “miniaturas” sin tener que redimensionar las imágenes nosotros mismos.
- Se pueden agregar títulos y descripciones a las fotos en el popup.
- Es totalmente personalizable pudiendo crear en cada artículo una o más galerías asociadas
- Cuenta con un motor de “popups” los que nos permitirá indicarle el efecto que realizaran nuestras galerías, haciendo uso de Mootools y JQuery
Descarga del plugin Simple Image Gallery Pro para Joomla
Lo primero que deberemos hacer es descargar el plugin y a esto lo podemos hacer directamente desde la web del autor http://www.joomlaworks.gr
Si desea evitar la registración y tal vez un pago o donación en la web de los creadores, podrá encontrar el plugin en Taringa o tantos otros sitios por la red.
Instalación del plugin Simple Image Gallery Pro
Una vez descargado tendremos que instalarlo como hacemos con todos los plugins en Joomla yendo a “Extensiones” -> “Instalar/Desinstalar” y subimos el paquete que es el .zip que descargamos.
Hacemos click en “Examinar” y luego “Subir archivo e instalar”
Listo ¡!! Ya tenemos el plugin instalado.
Configuración del plugin Simple Image Gallery Pro
El paso siguiente será la configuración del plugin.
Para eso nos vamos a “Extensiones” -> “Gestor de Plugins” y clickeamos sobre el nuestro.
Ahí aparecerá un cuadro como el de la imagen y configuraremos a nuestro gusto o necesidad todo.
Simple Image Gallery - Joomla - Configuracion
Root folder image galleries:
Es la carpeta en donde buscara por defecto nuestro plugin la/ las galerías nuestras
Popup engine for image galleries:
Los distintos efectos que tenemos para nuestras categorías.
mage thumbnail width:
Ancho de la imagen miniatura que se mostrará en el artículo
Image thumbnail height:
Alto de la imagen miniatura que se mostrará en el artículo
Image thumbnail quality:
Porcentaje de calidad de la imagen
Should we display a navigation tip for the slideshow?
En Si muestra un texto en el slimbox que ayuda a navegar
Popup window navigation tip message
Texto del mensaje que quiero que aparezca, si la casilla anterior está en Si
Should we display a nice message?
En Si aparece en el slimbox el título del artículo y un mensaje, en No solo el nombre del archivo de la imagen
Popup window message
El texto del mensaje que quiero que aparezca si la casilla anterior está en Si
Debug mode
Nos mostrará el error en pantalla en caso de que no funcióne nuestro plugin si esta tildado Enabled, sino simplemente no se mostrara nada.
Una vez configurado, y para hacer que funcione, debemos crear una carpeta (o utilizar una existente) en /images/stories/, en ésa carpeta debemos poner las imágenes que queramos que aparezcan en nuestro contenido, los creadores del plugin no aconsejan usar más de 20 imagenes en un mismo artículo.
Creación de una galería en Joomla con Simple Image Gallery Pro
Galeria creada con Simple Imagen Gallery
Bueno, el momento que esperábamos llegó, solo nos queda crear nuestra galería y eso lo haremos simplemente de la siguiente forma:
Estando dentro de un artículo escribiremos algo como esto
{gallery}nombre-de-carpeta{/gallery}
(donde “nombre-de-carpeta” es la carpeta en donde guardamos las imágenes de la galería en cuestión, que a su vez debe estar dentro de /images/stories/ si es que dejamos esa ruta en la configuración anterior)
Si queremos aun personalizar más nuestra galería podemos hacer uso de todos los parámetros como el ejemplo a continuación:
{gallery} folder_path: thumbs_width: thumbs_height: display_mode: caption_mode {/ gallery}
Ejemplo:
{gallery}viaje: 90: 60: 1: 2{/gallery}
Cuidado con el separador, que es el carácter “:”
* “thumbs_width” es la anchura en píxeles de todas las miniaturas.
* “thumbs_height” es la altura en píxeles de todas las miniaturas.
* “display_mode” es el modo en que queremos que nuestra galería de fotos a pantalla. “0” Mostrar una galería en “modo normal” en la cual si tenemos 5 imágenes entonces veremos 5 miniaturas, en cambio si ponemos ”1″ significa “modo de miniaturas único” y de esta forma la galería se representará mostrando una sola miniatura. Obviamente al hacer click sobre ella veremos en el popup todas las demás imágenes.
* “caption_mode” permite sólo 3 valores, ya sea “0″ (sin subtítulos), ”1″ (título con mensajes genéricos) o “2″ (títulos y descripciones que provienen de archivos labels.txt).
En este ultimo caso tendremos que crear un archivo “labels.txt”, y guardarlo en la misma carpeta que nuestras imágenes de la librería y este tiene que tener en cada renglón el “nombre de la foto” | “titulo” | “descripción de la misma”
Ejemplo de labels.txt
plaza.jpg | Viaje a Italia | Usted puede ver aquí en la plaza de Roma
felipe.png | <b>Título y este es otro <br /> título en dos renglones con <b> HTML en ella </ b>
foto_casa.gif | título de título | SIG Pro está muy bien!
Tengan en cuenta que en la miniatura se muestra solo el titulo y una vez clickeado, ya en el popup se verá tanto el título como la descripción de la foto.
Esos es todo, ya tenemos nuestras galerías funcionando en Joomla
Nota final: Tener en cuenta que si en distintos artículos vamos a crear galerías, entonces deberemos crear una carpeta para cada galería ya que es la ruta que le indicamos al plugin.
Si ponemos las imágenes de todos los artículos en la misma carpeta y luego hacemos referencia a ella dentro de cada uno de los artículos, lo único que conseguiremos es que en cada uno se muestren TODAS las imágenes.
TIPS FINALES:
- La extensión de la imagen debe estar en minúsculas: Ej.: foto.jpg (Anda) – foto.JPG (No Anda)
Related Posts
54 Comments + Agregar Comentario
Dejar un comentario
Entradas recientes
- 8 nuevas plantillas Gratuitas en JAT3 Framework para Joomla 2.5 y anteriores
- Simple Image Gallery Module – Galeria de Imagenes para Joomla en un Modulo
- Los mejores Web Hosting para Joomla – Alojamiento Web Joomla
- Plantilla Gratuita Business JAT3 Framework Joomla 2.5, 17, 16 y 15
- Plantilla Business2 JAT3 Framework Joomla 2.5, 17, 16 y 15
Para que la galería se active debes ponerla mediante el editor html
La verdad es que creo no tener todos los datos necesarios como para poder ayudarte.
Que codigo pusiste en los articulos? Que version del plugin pusiste? Que version de joomla? Que extensiones las imagenes? en que carpeta las imagenes?
Si me das mas datos trato de ayudarte, salu2
Estimado webpass, leyendo todos los post de los colegas, intente seguir estos pasos, instale el plugin con exito, arme la carpeta vr_galeria dentro de images/stories coloco en la ruta del plugin “images/stories/vr_galeria” , lo mismo hago en el articulo ( simplemente coloco este codigo dentro del editor?) y me sale el siguiente error:
JFolder::files: La ruta no es una carpeta
There was a problem rendering your image gallery. Please make sure that the folder you are using in the Simple Image Gallery plugin tags exists and contains valid image files.
Gracias por tu ayuda
hice una carpeta en la direccion joomla\images\stories con el nombre de (imagenes) deonde puse las imagenes, despues implate el codigo que me decian en la parte inferior de un articulo y me sale ese error dime si sabes que puedo hacer
Lo que dice el error es que no esta definida la función imagecreatefromjpeg() en el helper pero…. dame mas datos acerca de como hiciste todo, configuración, etc.
También podrías fijarte que librería estas usando en tu Joomla, GD o alguna otra.
esto tratando de que fincione la galeria pero me de este error: Fatal error: Call to undefined function imagecreatefromjpeg() in C:\wamp\www\joomla\plugins\content\jw_simpleImageGallery\includes\helper.php on line 105
Para ayudarte o al menos intentarlo tendria que tener muchos mas datos como por ej:
La ruta en tu servidor de esa carpeta FOTOS en donde metiste las imagenes.
La forma en que configuraste el PLUGIN para ver si esta todo OK
Por lo que decis pareciera que el PLUGIN no está activado.
Pusiste Debug Mode en Enabled a ver que mensaje tira?
Si me pasas mas data tengo mas chances de resolver tu tema. saludos
Seguramente existirá la opción que estas buscando tocando los CSS. La verdad es que siempre me gustó como queda así y nunca pensé en cambiarlo. Será cuestión de buscar en los estilos y modificarlo.
Hola Instaler eel plugin puse la ruta {gallery}fotos{/gallery}, y miro el articulo y me aparece tal cual el texto
Ludoteca
{gallery}fotos{/gallery}
la extension de las imagenes estan en minusculas no se que puede estar pasando
agradeceria tu ayuda
It’s best to take part in a contest for probably the greatest blogs on the web. I will recommend this web site!
Hola mi duda es que cuando pongo la galeria me sale en un fondo blanco y el fondo del contenido de mi web es gris, podria retocar alguna opcion para que esas imagenes tengan el mismo fondo que mi contenido??
It’s best to take part in a contest for probably the greatest blogs on the web. I will recommend this web site!
Nop, en ese caso tendrías que subdividir la carpetas en varias y separar las imagenes para de esta forma si mostrar las que vos quieras. Es un poco engorroso pero no creo que haya otra forma.
Saludos y me alegro que te haya servido el tutorial de este plugin
Buenos días,
me está ayudando mucho el post, es genial.
Me cabe una duda. Quiero que en las miniaturas se muestren por ejemplo 5 fotos, pero en la galeria tengo un total de 40.
He visto que con “display mode” puedo poner o todas las miniaturas o solo una miniatura. Pero el caso es que quiero varias miniaturas pero no toda la carpeta. ¿Esto es posible?
Un saludo.
My brother suggested I might like this web site. He was totally right. This post actually made my day. You can not imagine simply how much time I had spent for this information! Thanks!
Hola;
Muy bueno el post me sirvió de mucho y ya esta andando mi galeria
Gracias
respondo la pregunta que hizo victor al comienzo
lo mas probable es que hayas copiado y pegado lo que tienes que hacer es escribirlo a mi me paso lo mismo y lo escribi y ahi me funciono
Hola Dei1969 la verdad es que no tenemos los datos suficientes. Si nos pasas mas datos como la configuración que usaste en el plugin, la carpeta y otros datos que nos pueda ayudar a saber que es lo que está pasando.
Danos mas pistas para poder ayudarte, saludos.
hola, estoy intentando utilizar esta galería, pero al acceder a la opción de menú que me leva al articulo en el que tengo puesto:
{gallery}food{/gallery}
me lanza este error:
Warning: preg_replace() [function.preg-replace]: Unknown modifier ’5′ in /home/vol8/zobyhost.com/zoby_8105561/htdocs/plugins/content/jw_sigpro.php on line 22
tenéis idea de que estoy haciendo mal?
Muchas gracias por adelantado.
En mi caso lo que ocurria era que en codigo html tenía añadido código entre las opciones gallery por si les sirve de ayuda.
Es decir tenía al ver por código:
{gallery}directorio{/gallery}
Una vez quitado el código html de negrita por código todo OK.
Donde pongo lo de “debug mode”?
En cuanto a la barra final, ya probé con y sin y nada, no sale! Tengo 1.5.
Hola Fnbs, tenes habilitado “Debug mode” para ver que error tira?
Por las dudas proba sacar la barra final de la ruta “images/stories/”
En local tampoco te funciona? Que Joomla estas usando? 1.5 o 1.6?
Bueno, proba ver si tira error, saca la barra y dame algun dato mas para ver si podemos hacer andar ese plugin.
Saludos
Hola webPass, lo primero agradecer tu ayuda y la rápidez de respuesta que he visto.
He instalado la extensión PRO. Tengo el plugin con la ruta images/stories/ y en un artículo en el front page de K2, he puesto {gallery}cancerbats{/gallery} que es la carpeta que he metido dentro de stories. Está todo correcto en cuanto a nombresm mayúsculas, etc. La extensión del jpg es en minúsculas, las fotos están metidas, pero mi artículo sale en blanco, tanto en el front page como dentro del artículo.
Qué puede estár pasando?
Muchas gracias!
Pasame algún otro dato, copia el mensaje y pegalo acá asi podemos ver que dice.
Ya viste todos los demás comentarios? Te fijaste que en el servidor las imágenes no tengan la extensión JPG en mayúsculas no?
Pasame más datos y seguramente se podrá resolver el problema.
Joomla 1.5 o Joomla 1.6?
Hola loco, sabes que tambien, el simply me funciena bien en el local y cuando lo subi al host, chau no andubo mas, error: JFolder::files: La ruta no es una carpeta, eso aparece, como que no encuentra las iamgenes siendo q en el local anda perfecto, t agradezo si me ayudas, gracias
Hola Ivan, necesitamos mas datos, configuraste bien la ruta en el plugin?
Pasanos cosas como la ruta por defecto que pusiste y el código que pusiste en el articulo.
Por lo que veo habrás usado como ruta o al menos deberías haber puesto “images/images” y en el articulo “{gallery}camp{/gallery}”
Hola tengo este problema al usar el plugin me dice problem copy original y me da esta linea de error tambien
Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: ‘/home/pumasbas/public_html/web/images/images/camp/camp.jpg’ is not a valid JPEG file in /home/pumasbas/public_html/web/plugins/content/jw_sigpro/sigpro.engine.php on line 209
alguien podría ayudarme por favor! gracias
Hola, por esas casualidades chequeaste bien el nombre de la carpeta? No habrás puesto el nombre de la carpeta con mayúsculas? avísanos si es así o pasanos mas información para ver si podemos ayudarte.
que tal WebPass, me sale la misma leyenda “Image folder specified does not exist!” ya cheque la ruta en el plugin y tengo images/stories en el gestor multimedia creé la carpeta biografia dentro de la carpeta stories y en mi articulo puse {gallery}biografia{/gallery} y me sale Image folder specified does not exist!
gracias de antemano tu ayuda
He borrado el texto, he vuelto a escribirlo y ya funciona. Gracias.
Gracias WebPass por contestar, pero he probado también eso y sigue sin funcionarme.
Hola Pil, en la ruta o root deberias escribir solo “images/stories” sino lo que esta haciendo e es buscar la carpeta “galeria” dentro de “images/stories/galeria” y eso no existe.
Proba y avisanos si se resolvio tu problema.
Saludos
Hola WebPass, tengo el mismo problemas que otros compañeros.
Instalé el plugin pero me da un error: Image folder specified does not exist!
He comprobado la ruta, las mayúsculas y nada.
En la ruta escribo: images/stories/galeria
Las imagenes las guardo en la carpeta galeria denro de: images/stories
En el artículo escribo: {gallery}galeria{/gallery}
Y aún así me sigue el mismo error.
Hola, cuando te tira el error? Al poner el código de la galería dentro de el artículo o al instalar directamente el Plugin?
Danos un poco más de información para poder ayudarte.
hola a todos al instalarlo me sale esto: Tipo de archivo desconocido
Hola HenrySam, lo que seguramente podrías hacer es poner el link hacia tu artículo en la descripción de la imagen, ya que ahi se permite agregar código en HTML.
Creo que esa sería una forma viable de poner un link desde tus fotos de la gallería al artículo.
Hola Pedro, tenés instalada la libreria GD en PHP ? por que tira un erro con esa librería al parecer.
Fijate en phpinfo() a ver si tenes instalada la librería y avisanos así vemos que se puede hacer.
Hola a todos y de ante mano gracias por sus aportes y ayuda a otros, me gustaria conocer cual galeria de imagenes me permira ademas de mostrar la foto, poder hacerle un link a un articulo en el cual se detalle mas acerca del producto de la foto, gracias y espero su ayuda soy un poco nuevo en esto.
instale este plugin y en la cabezera de donde lo puse que se muestre me sale lo siguiente: Notice: Undefined variable: gd_support in C:\wamp\www\consejoatleticouniversitariodominicano\plugins\content\jwsig.php on line 83
problema este que me ancha el articulo y me deformas mi pagina, ademas que las fotos no se muestran de manera de slide si no mas bien estatica.
de antemano gracias.
Hola Pablo, la verdad es que para poder ayudarte necesitaríamos algunos datos más.
Decime el código que estas poniendo, la ubicación exacta de donde estas poniendo las carpetas e imágenes, el seteo de tu plugins, etc.
Saludos
que tal webpass buen dia, tengo un problema con la galeria, el mismo de arriba, al darle click a la imagen me la abre en otra ventana, y me muestra la imagen vacia, revise los permisos de las carpetas donde tengo alojadas las imagenes y el permiso es “755″ como podria solucionar esto? los nombres de las imagenes lo manejo como: a.jpg b.jpg c.jpg :S que ando haciendo mal?
no pasa nada con la license si lo uso ?
No sera que tenes alguna version mas vieja del plugin? es muy raro quie no te aparezca eso…
Avisame bien que te sale, que version del plugin tenes, que Joomla estas usando, algun screenshot o algo que me permita ver donde esta tu problema.
Saludos
He mirado los parametros del plugins pero a mi no me salen algunas opciones en mi pligins instalado no se a que se debe: por ejemplo no me sale “Root folder image galleries”
Hola Rodrigo, en teoria tendria que andar perfectamente igual aunque no se cual es tu situacion.
Si especificas bien que es lo que no anda tal vez podamos solucionarlo.
Te tira algun tipo de error? Habilitaste “Debug Mode” para ver que error tira?
Bueno avisanos, salu2 !!
Hola webPass. La galeria me funciona perfectamente en local. pero cuelgo la pagina y no funciona…¿que puede pasar? me vuelvo loco cambiando las rutas.. pero no doy con ello..GRACIAS por tu Trabajo
Hola Israel, la verdad es que necesitaria ver exactamente como pusiste todo, aunque la idea es que quede algo asi:
{gallery}fotos:150:100:0:3{/ gallery}
En este caso estoy creando una galeria dentro del articulo con miniaturas de 150 px x 100 px de algo, una galeria normal y con titulos, subtitulos y descripcion en cada foto.
Luego dentro de la carpeta en donde estan las imagenes de esa galeria pongo un archivo labels.txt y dentro de el:
filename1.jpg | Viaje a Italia | Usted puede ver aquí en la plaza de Roma
other_filename.png | título | título y este es otro
título con algunos HTML en ella !
trip_to_canada.gif | título de título | SIG Pro está muy bien!
Tal cual como esta, ya que las “|” separan las cosas.
Con esto tiene que andar, en todo caso pone mas detalle en el comentario para poder ayudarte.
Saludos
Hola todos:
Posteo en este tema que ya esta abierto, aún tampoco encuentro cual sea el verdadero problema , por el cual aveces funciona el pop-up de la foto y aveces la abre en una nueva ventana, verificaré los permisos en los directorios como comentan.
La duda que quiera plantear es acerca de la sintáxis para poder mostrar títulos y descripción de cada foto:
1.-Se crea el archivo labels.txt con la descripción de cada fotos
Código:
“nombre de la foto” | “titulo” | “descripción de la misma”
y se sube en la carpeta, con el nombre de la galleria.
2.-hasta donde entiendo para poder mostrarlo se agregar en el artículo donde publicamos la galeria ej:
Código:
{gallery}tocadores:caption_mode”2″{/gallery}
tomando en cuenta la documentación del Plugin:
“caption_mode” permite sólo 3 valores, ya sea “0? (sin subtítulos), ”1? (título con mensajes genéricos) o “2? (títulos y descripciones que provienen de archivos labels.txt).
todo esto lo hice punto por punto pero no logró ver los titulos y descripciones de cada foto , les dejo la liga de la galería http://www.mueblescenteno.com.mx/index.php? option=com_k2&view=itemlist&layout=category&task=category&id=2&Itemid=2 a ver si alguien me puede corregir si tiene la solución, o tiene mas experiencia con este plugin, agraciendo de antemano la atención y respuestas.
SAludos…
Hola WebPass gracias por contestar.
Con respecto a tu pregunta decirte que no lo estoy probando en local sino en el servidor.
Efectivamente me faltaba la barra, pero además estaba copiando y pegando esto del foro {gallery}nombre-de-carpeta{/gallery} y no había manera.
He puesto la barra y he escrito el parámetro y ya va bien.
Gracias
Hola Juan, por lo pronto puedo decirte que en la linea de error que dice Warning: opendir(/homepages/17/d336157506/htdocs/htdocs/images/storiessimple) se nota que esta faltando la barra “/” de directorio entre “stories” y “simple”.
No se si tendras todo bien configurado.
Creaste la carpeta “simple” dentro de “stories” y dentro de ella pusiste las imagenes?
Lo estas probando en local no?
Obviamente no esta pudiendo encontrar la carpeta “storiessimple”.
Hola amigos, pues a mi no hay forma de que me funcione, este es el mensaje que me pone:
Warning: opendir(/homepages/17/d336157506/htdocs/htdocs/images/storiessimple) [function.opendir]: failed to open dir: No such file or directory in /homepages/17/d336157506/htdocs/htdocs/plugins/content/jwsigpro.php on line 136
(Ej: foto.jpg anda, foto.JPG no anda.)
Viejo te agradezco por aclarar, algunas imágenes de una web que hice con joomla y este plugin no me mostraba las imágenes pequeñas, verificando de acuerdo a tu comentario lo pude solucionar.
Gracias.
Hola, te fijaste que “Root folder image galleries” sea “images/stories” ???
Espero que el ejemplo que pones no sea exacto al que probaste ya que sino en el codigo falta una “e” en “porejemplo”.
Una cosa que a mi me paso una vez es que si los archivos la extension esta en mayusculas, entonces no funcionaba.
Ej: foto.jpg anda, foto.JPG no anda.
Hola.
Me interesó el plugin.
Lo bajé e instalé.
Lo configuré, cree un directorio dentro de images/stories/porejemplo
Subí imágenes a la carpeta.
Ingresé a un artículo y copié el código {gallery}porjemplo{/gallery}, guardé y probé y……nada, aparece el texto “Image folder specified does not exist!” y confirmé en no haberme equivicado.
Qué podrá ser??