Avisos
Vaciar todo

Efecto en imágenes  

Página 1 / 2
 
Raul Venegas
 Raul Venegas
Honorable Member

Hola amigos.
Les consulto por algún plugin o módulo que de efectos a las imágenes al pasar el cursor, como está en la sección de "Habitaciones y suites" en la página de inicio de mi sitio web. Necesito ese mismo efecto o bien algo parecido que al pasar el cursor lo produzca y que además pueda enlazarlo a un artículo. Si conocen de algo por favor me lo hacen saber. Desde ya les agradezco.

Saludos.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/11/2012 5:54 pm
Raul Venegas
 Raul Venegas
Honorable Member

Continuando con esta consulta he descargado un plugin que se llama JM-CSS3 Effects Plugin. Este muestra variadas opciones de efectos y en joomla extension directory le tiran muchas flores y que es muy sencillo, que es buenísimo, que es de maravilla etc etc. Pero mi gran problema es que no sé donde pegar dichos códigos ya que por lo que dicen en el foro de extensiones es solo pegar el parrafo css y ya estáría. Por favor si saben donde y como pegar los códigos se los agradecería.

Este es el sitio donde muestran los ejemplos. http://www.jm-experts.com/sample/index.html

y este es el sitio de joomla extensions directory . http://extensions.joomla.org/extensions/photos-a-images/images/image-effects

Saludos.

ResponderCitar
Respondido : 17/11/2012 7:15 pm

Lucas
 Lucas
Miembro Admin

Hola,

Tienes que instalar el plugin, habilitarlo y luego en tus artículos usar las etiquetas que tienes en el ejemplo:
http://www.jm-experts.com/sample/index.html

ResponderCitar
Respondido : 18/11/2012 10:49 am
Raul Venegas
 Raul Venegas
Honorable Member

Hola. Gracias por responder nuevamente a mis consultas.
Ya lo instalé y lo habilité. El problema es que no sé en qué lugar del artículo tengo que pegarlo, si a un costado de la foto, debajo de la foto, en el toogle editor y si es así en que lugar, en extplorer...etc etc.
Te envío dos capturas, una del editor mostrando las fotos y la otra del editor en códigos a ver si me ayudan a saber entre qué líneas colocar dicho código.

Gracias.

ResponderCitar
Respondido : 18/11/2012 11:27 am

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Raul,

La sintaxis es sencilla y está documentada en los propios ejemplos:

{jm filter="invert" title=".." url=".."}IMAGE PATH{/jm}

De tal forma que con el editor WYSIWYG habilitado deberás insertar la llamada del plugin indicando en IMAGE PATH la ruta que contiene la imagen a mostrar.

Seria util ver el artículo que contiene las imágenes publicadas para ver como se muestran estas, pues en la captura (pequeña) se observa un mosaico y no se si será apto para este plugin.

También puedes explicar que objetivo persigues al mostrar estas imágenes para asesorarte por si este plugin no fuese el adecuado.

Saludos

ResponderCitar
Respondido : 18/11/2012 11:34 am
Raul Venegas
 Raul Venegas
Honorable Member

Hola Luis. Gracia spor responder a mis consultas.
Lo que quiero conseguir es dar efectos a ciertas imágenes y una vez que la gente les de click derivarlas a un artículo, en este caso quiero derivarlas a la muestra de las habitaciones en jomres.
Pero como te decía no sé donde insertar los códigos.
Te dejo dos capturas y el link de uno de mis sitios que tengo con el pack reservas para que veas.

http://vendoarr-cp54.webjoomla.es/resortsantarosa/index.php?lang=es acá bajas y das click a "cabañas" y verás las imágenes.

Acá dejo dos capturas, una con el código de lo que hay en el módulo HTML "Cabañas" y el otro con lo que se ve en dicho módulo.

Saludos.

ResponderCitar
Respondido : 19/11/2012 3:54 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

David Noguera
 David Noguera
Miembro Moderator

Hora Raul, el ejemplo sería algo así:

{jm filter="invert" title="Cabaña Quintuple Sextuple Familiar" url="http://enlace-a-la-ficha-de-jomres.com"}/ruta/a/la/imagen.jpg{/jm}

Prueba poniendo algo así en el artículo..

Saludos!

ResponderCitar
Respondido : 19/11/2012 4:07 pm
Raul Venegas
 Raul Venegas
Honorable Member

No me resulta, en que parte hay que colocarlo??. Creo que lo he puesto en el lugar incorrecto
Envio captura de lo que puse.

ResponderCitar
Respondido : 19/11/2012 6:43 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Raul,

Se ve correcto, pero dentro de la carpeta habitaciones debes insertar alguna imagen para que se pueda visualizar es decir: images/habitaciones/image.jpg

Saludos.

ResponderCitar
Respondido : 20/11/2012 12:05 am
Raul Venegas
 Raul Venegas
Honorable Member

Lo hago y no me resulta. Quizás estaré colocando todo en el lugar equivocado.

ResponderCitar
Respondido : 20/11/2012 12:41 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Raul,

Hago referencia a la captura que nos envías, el cual direcciona al directorio no a una imagen:

Saludos.

ResponderCitar
Respondido : 20/11/2012 4:12 am
Raul Venegas
 Raul Venegas
Honorable Member

Ya lo conseguí, incluso pude determinar el tamaño de las imágenes, pero lo que no consigo es alinearlas y dejar un espacio entre ella para colocar el título respectivo de cada una ya sea en la parte superior o inferior de cada imagen.

Pueden verlo en mi sitio que les dejo a continuación. Ahí bajan y pasan en cursor por "Cabañas" y les dejo también lo que se ve en mi editor.

http://vendoarr-cp54.webjoomla.es/resortsantarosa/index.php?lang=es

Cabaña Single Matrimonial
{jm tint="style11" title="" url="http://vendoarr-cp54.webjoomla.es/resortsantarosa/index.php?option=com_jomres&Itemid=557&lang=es&task=viewproperty&property_uid=18"}images/habitaciones/cabaa single matrimonial.JPG" width="200" height="150"{/jm}

Cabaña Triple Cuádruple Familiar
{jm tint="style11" title="" url="http://vendoarr-cp54.webjoomla.es/resortsantarosa/index.php? option=com_jomres&Itemid=557&lang=es&task=viewproperty&property_uid=19"}images/habitaciones/cabaa triple cuadruple familiar.JPG" width="200" height="150"{/jm}

Saludos.

ResponderCitar
Respondido : 20/11/2012 11:23 am

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Raul Venegas,

Veo que cuando se hace clic en una de las imágenes a las que aplicas el efecto esta devuelve un error 404 ¿utilizas urls amiagbles o extension SEF para mejorar las urls?.

¿Has probado lo mismo deshabilitando urls amigables?.

¿Has comprobando que los enlaces que insertas en las imágenes son correctos y funcionan?.

Nota: Personalmente no veo que mejora insertar el efecto de las imágenes, todo lo contrario (es mi opinión) enturbia un poco la visibilidad de la imagen cuando se pasa el puntero del ratón por encima.

Saludos

ResponderCitar
Respondido : 20/11/2012 3:06 pm
Raul Venegas
 Raul Venegas
Honorable Member

Ya resolví lo del error. Referente a lo otro ese es solo un ejemplo de efectos, hay efectos donde sí se aprecian muy bien la imágenes con este fantástico plugin llamado JM-CSS3 Effects Plugin.

Solo me falta poder alinear la simágenes y dejar espacio entre ellas, eso e slo que no he podido conseguir. Veré donde desabilioto las url amigables a ver si soluciono algo.

ResponderCitar
Respondido : 20/11/2012 3:34 pm

Cursos Gratuitos WordPress

Jordi Sala
 Jordi Sala
Miembro Admin

Hola Raul,

Puedes deshabilitar las url's amigables, en la configuración global de Joomla!, parámetros de SEO.

Saludos

ResponderCitar
Respondido : 21/11/2012 10:14 am
Página 1 / 2