Anteriormente vimos cómo hacer para agrandar una imagen al pasar el mouse sobre ella; en esa ocasión usamos un poco de CSS para lograr ese efecto.
Esta vez haremos algo mucho más simple, con un simple código podremos ampliar una imagen al hacer click sobre ella, y reducirla de nuevo con un doble click, como en este ejemplo:
Click para ampliar, doble click para reducir
Lo único que tienes que hacer es poner el siguiente código dentro del post donde vas a mostrar la imagen:
<img onclick="javascript:this.width=450;this.height=338" ondblclick="javascript:this.width=100;this.height=80" src="URL de la imagen" width="100"/>
- Sólo debes cambiar la URL de la imagen (en su tamaño normal)
- El primer width y height son las medidas a la que se va agrandar la imagen al hacer clik, width es el ancho y height es el alto.
- El segundo width y height son las medidas a la que se va a reducir la imagen al hacer doble click.
- El último width es el ancho de la imagen que se mostrará al cargar la página, es decir el thumbnail, se recomienda que sea el mismo ancho que tendrá la imagen al reducirse cuando se haga doble click.
Como ven, sin necesidad de tocar la plantilla pueden usar este truco para mostrar una galería de fotos, o simplemente para reducir el espacio en el blog.
Interesante truco. Tengo varios blogs de ayuda a blogger y suelo hacer las entradas con muchisimas imágenes, explicando paso a paso lo que van a encontrar, lo que las convierte en kilométricas, pues pongo las imágenes a tamaño natural. Supongo que no siempre serán necesarias todas, pero ante la duda las incluyo.
ResponderSuprimirCon este truquillo podría dejar las entradas mucho menos extensas pero con todas sus imágenes.
Solo una pregunta: Veo que el código pone script:this ¿se ha de tener algún script especial incluido en la plantilla o los que suele haber por defecto ya sirven?
En estos temas de los scripts estoy muy pez todavía.
Gracias.
Vaya, queria marcar seguir este hilo de comentarios, por si me respondes, y se me ha olvidado. sorry.
ResponderSuprimirHola Eulalia,
ResponderSuprimirEs excelente el trabajo que haces en tus blogs, ya te he agregado a los Blogs de Ayuda.
Tienes razón en lo que mencionas de las imágenes, algunas veces se vuelven muy largos los posts debido a tantas imágenes que se tienen que mostrar, y hay quienes incluso omiten ciertas imágenes con tal de que no ocupen tanto espacio en el blog.
Por suerte con este truquillo eso se arregla, y lo mejor de todo es que no se necesita agregar ningún script especial, el atributo script:this sólo llama a una función java del navegador, así que no hay que preocuparse por agregar nada más.
Gracias por tu visita y muchos éxitos con tus blogs!
hola ciudad blogger soy ivan! te acuerdas que por chat te avia preguntado comoc rear un menu con botones con imagenes, tu me habias dado un codigo html me lo puedes mandar por e-mail muchas gracias!
ResponderSuprimirTe lo acabo de mandar Ivan.
ResponderSuprimirSaludos.
Muchas gracias por tu rápida respuesta. Siendo así no dudes que lo implantaré en alguna entrada.
ResponderSuprimirY gracias por el link pero ¿te importaría, si no es pedir demasiado, cambiarlo por el de mi blog principal? Aunque desde el que has enlazado cualquiera puede acceder a los demás, Tuneando el blog es el más conocido. No lo habrás visto porqué lo tengo en otra cuenta. En ésta desde la que te escribo tan solo tengo blogs de muestra que apenas actualizo.
En la otra es donde están todos los que voy actualizando.
Gracias.
¡Ah! también el tuyo va a formar parte de mi colección de blogs de ayuda, por supuesto.
Saludos.
No hay problema, ya lo he cambiado. Muchas gracias por el link.
ResponderSuprimirEstoy a tus órdenes para lo que se te ofrezca.
Saludos.
Gracias de nuevo. Y lo mismo digo, si en algo puedo serte útil mis blogs y yo estamos a tu disposición.
ResponderSuprimirSaludos.
potro la verdad que me gusto mucho este post ...me a ayudado mucho.Gracias!!:D
ResponderSuprimirEulalia, gracias!!! =)
ResponderSuprimirHP muggle, qué bueno que te ha servido.
Saludos.
Me va a ayudar bastante, por que yo soy de las que ponen tropecientas fotos en cada entrada. (tiene que ser así para principiant@s en la cocina)
ResponderSuprimirGracias.
Hola Meri,
ResponderSuprimirCreo que a todos los blogs que se dedican a la enseñanza les será de mucha utilidad. Cuando se trata de aprender entre más fotos, mejor.
Saludos y gracias por tu visita.
No me funciona.
ResponderSuprimirLo pongo en el HTML de la entrada y blogger me modifica el código con lo que no logro que funcione.
Me cambia el orden del onclick y el ondblclick y las medidas de la minatura desaparecen.
¿Hay solución?
Un abrazo.
Hola Eulalia,
ResponderSuprimirAun cuando cambie el orden del código debería funcionar, lo extraño es que desaparezcan las medidas de las miniaturas, yo lo he probado en tres blogs de prueba (por aquello de los scripts) y en todos funcionó.
Podrías intentar hacerlo desde otro navegador o en Blogger in Draft, quizá ahí tengas mejor resultado.
Saludos.
Lo intentaré. Gracias.
ResponderSuprimirUy acabo de publicar, mañana utilizare ese truco.
ResponderSuprimirY por fin logre que apareciera el codigo para que califiquen mis post.
De nuevo gracias.
Saludos.
Hola el venado,
ResponderSuprimirYa vi que aparece el ranking para los posts, qué bueno que lo has arreglado.
Saludos.
hey esta perfecto este truco ya lo implemente y funciona de maravilla
ResponderSuprimirmil gracias y saludos!
Hola +++,
ResponderSuprimirMe alegra que te haya sido útil.
Saludos.
Me da este error al publicar
ResponderSuprimirNo me lo admite ponertelo aqui
Hola Meri,
ResponderSuprimirEntra a esta página:
http://www.blogcrowds.com/resources/parse_html.php y pega ahí el código de error que te marca, luego presiona el botón Parse, verás que "convirtió" el código que pegaste, ese código convertido puedes ponerlo aquí en el comentario para saber qué error tiene.
Saludos.
A verrrrrrrrrr
ResponderSuprimirSu HTML no es aceptable: Tags cannot enclose tags img onclick="javascript:this.<span class=" style="color: rgb(255, 0, 0);"
hola!!!! te queria preguntas... bueno el asunto es asi. yo estoy ceando un blog de blogger con este... y veo que cuando vos pones los cpdigod por ejemplo en este post sale con ese fondo y yo cuando lo pongo sin fondo me marca el url y yo no quiero que pase eso me das una ayuda!!!!!
ResponderSuprimirHola Meri,
ResponderSuprimirEso es porque al pegar el código en tu post, también toma el código de color (rojo) que yo tengo para resaltar algunos datos.
Para solucionarlo, cuando vayas a pegar el código en tu post, cerciórate que estés en la ficha Edición de HTML en lugar de la ficha Redactar, estas opciones están en la esquina superior derecha de donde se escribe el post.
Verás que cuando lo pegues ahí ya no tendrás problemas.
Saludos.
Hola Ivan,
ResponderSuprimirEso no tiene que ver con el fondo, lo que necesitas es "parsear" el código para que Blogger lo tome como texto plano, para saber cómo hacerlo visita este post:
http://ciudadblogger.com/2009/01/insertar-cdigo-html-en-un-post.html
Saludos.
Gracias, voy a intentarlo de nuevo
ResponderSuprimirMil gracias era justo lo que queria !
ResponderSuprimirHola Lutien,
ResponderSuprimirMe alegro que te haya servido.
Saludos.
Hola amigo una pregunta no sabes como modifiacar para que le de 1 clik para abrir y un clik para cerrar
ResponderSuprimirHola O.J.C.S
ResponderSuprimirLamentablemente no puedes darle dos instrucciones distintas con el mismo comando, en este caso un sólo click ya tiene una instrucción, si le das una segunda instrucción ya no hará nada, es por eso que se usa otro comando (doble click) para poder realizar ambas instrucciones.
Saludos.
Tienes una web estupenda,magnífica.
ResponderSuprimirEste efecto es la caña para lo que yo quiero hacer,pero no sé exactamente donde debo colocar el código.
Se agradece todo el curro que llevas a cabo...
QUE HAY QUE AGRADECER MUCHO MÁS (Es de ser bien nacido ser agradecido)
Hola JantonioSR,
ResponderSuprimirGracias a ti por tu visita. El código lo debes poner dentro de donde escribes tus entradas, o si lo quieres en la barra lateral entonces entra a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí lo pegas.
Saludos!
Hola.Siento poner aquí mi consulta,a no tener nada que ver con el post,pero no sabía dónde ponerla.
ResponderSuprimirMe baje de una página de templates una plantilla para uno de mis blogs.Me gustaría que la fecha del post salga un poco más grande,y el título más pequeño,pero con esta plantilla HTML no me aclaro.....
Dejo la dirección del blog por si puedes echar una mirada a la plantilla y decir dónde tengo que hacer las modificaciones.
http://www.sagitaire17.com/
Un saludo.
Hola sagitaire17,
ResponderSuprimirEn esta parte de la plantilla modifica el tamaño de la fecha:
h2.date-header {
letter-spacing:0px;
font-weight: bold;
color: #4c4c4c;
size:10pt;
font-family:georgia;
margin:5.5em 0 20px 400px;
text-decoration:none;
}
Y en esta parte modificas la fuente de los títulos:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
letter-spacing: -3px;
font-size:27pt;
font-weight:normal;
line-height:1.4em;
color:#484848;
}
Saludos.
Muchas gracias :)
ResponderSuprimirUn cordial saludo.
Hola.Otra vez yo.
ResponderSuprimirNo se que pasa,pero desde que hice unos cambios en la plantilla HTML de esta página,tarda muchisimo tiempo en cargarse.No se si he tocado algo que no debía,si es por un fallo de la plantilla....¿Podrías darme un consejo para remediar eso?
La dirección es
http://sagitaire17.com/
P.D. Tengo otra página con una barbaridad de widget,y se carga enseguida.Y con sagitaire17 que esta casi vacía es una agonía....
¿Qué modificaciones hiciste en la plantilla?
ResponderSuprimirAntes que todo perdón por si no resulta muy claro lo que sigue,pero es no estoy muy familiarizado con la "jerga informática".
ResponderSuprimirHice varios,pero empece a tener problemas con la carga de la página después de modificar las dimensiones de la fecha y del título.Baje también un poco el título del blog (bueno,que la página no empece tan pegada al borde superior de la pantalla).He bajado también la palabra "Blog" que sale en la cabecera,y he modificado también el espacio entre la fecha y el título del post.
Con otro blog hice cambios de este tipo,pero nunca tuve luego problemas después con la carga de la página.Por eso me pregunto si podría tener que ver con la plantilla en si misma o con el sitio de dónde la descargue.
P.D. me fastidia un poco si al final tengo que cambiar de plantilla.Me gusta bastante,y encima con toda la faena que me ha dado modificarla para que sea más a mi gusto...
ResponderSuprimirAhorra no se si vale la pena haberte molestado:la página ha vuelto a cargarse normalmente.No se si habrá sido un problema con la dirección dónde esta el fondo de la plantilla (este que viene con el código de la plantilla).Todas mis disculpas.
ResponderSuprimirUn saludo.
Hola sagitaire17,
ResponderSuprimirNo es ninguna molestia.
Efectivamente el blog carga normal, he revisado tus códigos y todo lo veo en orden, nada que pueda alentarla.
Sucede que a veces Blogger se alenta un poco en su servidor y esto hace que el tiempo de respuesta de la página tarde un poco, pero como has visto sólo es cuestión de esperar a que las cosas se normalicen.
Saludos.
Muy buen blog Potro
ResponderSuprimirQuisiera preguntarte como ampliar la imagen para que se vea por encima de todo el blog no solo sobre las entradas, y que al estar ampliadas se vean con fondo negro.
espero tu respuesta.
Eso se hace usando Shadowbox.
ResponderSuprimirGracias por la respuesta Potro.
ResponderSuprimirAhora quisiera que respondas las siguientes preguntas por favor.
¿como centrar el titulo de los gadgets?
¿como centrar el titulo de las entradas?
¿como cambiar el color a las letras del titulo de las entradas?
espero tu respuesta.
saludos!!!
Para centrar los títulos tienes que agregar esto:
ResponderSuprimirtext-align: center;
¿Dónde? Pues si es para centrar el título de los gadgets va debajo de:
h2 {
Si es para centrar las entradas va debajo de:
.post h3 {
Y para cambiar el color de los títulos de las entradas busca algo como esto:
.post h3 a, .post h3 a:visited, .post h3 strong {
Y debajo verás que dice color: más un código.
Cambia ese código por el código del color que quieres.
Gracias Potro por la respuesta.
ResponderSuprimirAhora quisiera saber como hago para que se cean y escribir comentarios de Facebook directamente en mi blog.
Lo desconozco. Me parece que en Vagabundia tienen algunas explicaciones sobre los plugins de Facebook.
ResponderSuprimirGracias Potro, agradesco tus respuestas.
ResponderSuprimirEste comentario ha sido eliminado por un administrador del blog.
ResponderSuprimirNo, pero nuevamente en Vagabundia puedes ver algo parecido:
ResponderSuprimirhttp://vagabundia.blogspot.com/2009/10/incrustar-multiples-videos-de-youtube.html
Gracias Potro.
ResponderSuprimirYa comprendi respecto a la ultima pregunta que te hize.
Ahora quisiera saber si hay alguna forma de que la pagina principal se vea diferente, es decir sin algunos gadgets, etc, pero cuando entre a cualquier post todo se vea normal.
Mira esta entrada.
ResponderSuprimirPotro, como cambiar el color de fondo a solo un sidebar, no a todos solo a uno.
ResponderSuprimir¿Sidebar o gadget? Si es a una sidebar sería cuestión de que busques su contenedor y debajo le agregues el color de fondo, por ejemplo:
ResponderSuprimir#sidebar1 {
background: #ccc;
}
Si es a un gadget es igual, localiza el nombre del ID del gadget y ponlo en los estilos, por ejemplo:
#HTML1 {
background: #ccc;
}
Hola Potro, un saludo, no se si este sea el sitio, pero en verdad no lo consigo por ningun lado, mi pregunta es esta, quiero reducir el espacio que queda entre la pestaña de menu que coloque y el inicio de las entradas,alli me queda un espacio como de 1 cm, no se si me explico, pero alli queda un vacio que no me gusta para nada, ademas de eso me gustaria que al quitar la navbar tambien se redujera el espacio vacio que queda alli, ya habia quitado esa barra, pero me quedo extraño y no me gusto, dime como hago por favor, te dejo la direccion de mi blog que estoy empezando a hacer: http://www.tutrabajodegrado.blogspot.com
ResponderSuprimirHola Ysa,
ResponderSuprimirPara eliminar el espacio entre el menú y las entradas busca en tu plantilla esta parte:
.main-inner {
padding-top: $(date.space);
}
Y cambiala por esta:
.main-inner {
padding-top: 0;
}
Para eliminar la navbar mira esta entrada.
Saludos.
Bueas, yo tengo un blog en Blogger y me gustaria saber, si fuese posible como disminuir la imagenes con un solo clic, en vez de con dos como el truco este solo con un clic, es decir, clicar sobre la imagen para ampliar y en vez de hacer 2 clics para disminuirla, hacer solamente un clic.
ResponderSuprimirGracias
Hola Risto Shim, un mismo elemento no puede tener dos funciones con el mismo comando, al menos no cuando se usan estos métodos.
ResponderSuprimirSaludos.
Hola El Potro gracias, yo es que he visto blogs que tienen eso de que cuando clicas una imagen esta se amplia y si la clicas de nuevo esta disminuye.
ResponderSuprimirNo sé debe ser que ese comando sólo está disponible en la plataforma Wordpress, así que de momento y mientras tenga el blog en Blogger le añadiré el comando que pusiste antes.
Saludos ☻ :)
Si lo viste en Wordpress entonces debe ser algún plugin que tiene esas características. Habría que averiguar cuál plugin es para saber si es posible añadir algo similar en Blogger basándonos en el original.
ResponderSuprimirSaludos!
Lo he insertado en una página HTML, (en exeLearning), y me funciona estupendamente. Me gustaría ahora que la imagen viniera con una leyenda que diga "Clic para ampliar y dobleclic para estado inicial". ¿Qué debo añadir al código para anexar la leyenda debajo de la imagen? Gracias,.
ResponderSuprimirPor cierto, buen blog!
Sólo agrega debajo del código de la imagen el texto que deseas:
ResponderSuprimir<span>Click en la imagen para agrandar</span>
hola, tengo una duda si quiero subir varias imagenes y que cada una se amplie???
ResponderSuprimiro esta solucion fue la que encontre mas adecuada a mi problema el cual es el siguiente QUIERO QUE NO SE PUEDAN COPIAR LAS IMAGENES DE MI BLOG,
ya desavilite el GUARDAR IMAGEN COMO.
pero si le dan click a la imagen se abre otra ventana y ahi si se puede hacer el GUARDAR IMAGEN COMO.
asi que si me pudieran ayudar a encotrar una solucion.
GRACIAS
Hola ,
ResponderSuprimirHay métodos para proteger las imágenes incluso el texto del blog aunque no existe un método seguro al 100%.
Este es uno que evitará que se arrastre la imagen y que se guarde con el botón derecho del mouse.
Para eliminar el enlace de las imágenes mira esta entrada.
Buenas, en primer lugar enhorabuena por la labor que haces para gente con poca idea como yo. El código que pones para agrandar la imagen al hacer click, está genial, mí problema es que mí plantilla es de tres columnas y al hacer click si he puesto un tamaño de imagen mayor que el de la columna principal se me solapa y queda por debajo de las dos columnas de la derecha. ¿Sabrías decirme cómo puedo hacer para que no quede por debajo y la imagen salga por encima de todo? Gracias. Un saludo!
ResponderSuprimirHola Alberto Vil,
ResponderSuprimirPrueba poner después de src="URL de la imagen" esto (dejando un espacio)
style="z-index:2000;"
Saludos.
He puesto eso pero no funciona. Gracias. Se te ocurre algo?es que no sé que hacer ya!
ResponderSuprimirEntonces cámbialo por esto:
ResponderSuprimirstyle="position:absolute;"
Ey, genial muchas gracias. Aunque ahora me surgen otros problemas. Como te diría:1.una vez que se agranda no puedo volver a hacerla pequeña? es que pienso que para los usuarios del blog sino será un rollo, porque les tapa la información. 2.al ponerlo como me has dicho, cuando la imagen es pequeña no la deteca bien la entrada y es como si la entrada finalizara antes de salir la imagen, y esta sale fuera del limite de la entrada.
ResponderSuprimirDisculpa cualquier molestia y mil gracias por tu ayuda!
lo segundo lo arreglé poniendo position:relative.... no sé que quiere decir pero lo probé a ojo!!! lo de volver a hacerlo pequeño ni idea!
ResponderSuprimirHola de nuevo Alberto,
ResponderSuprimirComo se menciona al inicio de la entrada, se reduce al hacer doble click.
Hola Potro!!! Yo nuevamente por aca! jejeje
ResponderSuprimirBueno te cuento :)
Creo que mi pregunta tiene que ver un poco con este tema, y es lo siguiente.
Estoy por aprender hacer fondos para mi blog de blogger. Fondos para utilizar con la plantilla minima. Ya aprendi hacerlos con un tutorial en video que encontre. la resolucion de mi pantalla es de 1366 x 768 Yo hice los fondos a una resolucion de 1366 x 900. Cuando los instalo el blog quedan estos cortados de ancho, como si quedaran pequenos a su anchura. Crees saber a que se debera esto? Acaso los debo hacer mas grandes? ( cabe decir que los fondos de ensueno (esto es una pagina de fondos) me quedan bien, y ella los hace en 1440 x 900. Estos fondos quedan bien en mi blog, se me ocurrio agrandar uno de mis fondos a esas medidas para probar, y cuando lo hice... lo mismo!!! quedaron pequenos!!!! Porrrrrrr Favorrrrrrrrrrrrrrr Ayudameeeeeeeeeeee Como se hace esto? como puedo lograr que encajen al blog? Gracias Perdoname por el tema pues este es mas un tema de mujer pero creo que sabes mucho y me puedes ayudar!!! Gracias (bellarubby@yahoo.com)
Hola Hija del Altisimo,
ResponderSuprimirQuizá lo que puede estar pasando es que no estás usando la imagen en tamaño real.
Verifica si estás usando está medida máxima de 1600px, si no se arregla dime en cuál blog tienes el problema.
¡Saludos!
Saludos Camarada:
ResponderSuprimirPor aquí de nuevo [el sediento, siempre busca la fuente] ¿Qué le digo? Empecemos, está espectacular el post, precisamente estoy tratando de reorganizar el Blog y andaba en eso, buscando el Código, como tengo un enlace a este blog, entré aqui y me conseguí este código tan sencillo. Corro y lo aplico, despues paso por aquí y le echo el cuento, como me fue.
Agradecido.-
COOPERATIVAS
Estoy seguro que todo saldrá bien Omar, y sino pues por aquí estamos ;)
ResponderSuprimirSaludos.
GENIAL ESTA APORTACION! JUSTO ESTABA BUSCANDO ESTO PARA UN APARTADO DE MI WEB Y HA QUEDADO PERFECTO! MUCHAS GRACIAS
ResponderSuprimirQué bueno que te ha gustado gamesandonline, saludos!
ResponderSuprimirtambien se puede en la sidebar???
ResponderSuprimirPor supuesto, sólo agrega el código en un elemento HTML/Javascript y listo :)
ResponderSuprimirEste comentario ha sido eliminado por el autor.
ResponderSuprimirSALUDOS AMIGOS EL EJEMPLO DE AMPLIAR LA IMAGEN AL HACER CLICK
ResponderSuprimirESTA MUY BUENA PERO EL TEXTO SE MUEVE MAS ABAJO DEPENDIENDO EL TAMAÑO DE LA IMAGEN GRANDE Y ESO TE QUITA PROFESIONALISMO UN POCO.
ESTOY BUSCANDO ESTE TIPO DE EFECTO QUE SE AMPLIE LA IMAGEN PERO QUE QUEDE COMO CENTRADA EN LA MISMA PAGINA HECHEN UN VISTAZO A ESTA WEB...http://www.peruautos.com/venta-de-camioneta-suzuki-del-2003-7209
Esa es una ventana modal, puedes hacer una con Shadowbox.
ResponderSuprimirSaludos.
Buenas tengo un problema, yo pretendo que de una foto pequeña al darle click se agrande, os pongo lo que tengo puesto.
ResponderSuprimiresta frase la tengo en spam aqui no deja asike la pongo asi no pongo cierres ni averturas de estas <> por que no me deja si no poneros el mensaje
Pulsa en la imagen para verla en grande.
table class="fototable"
tr
td
a href="URL DE LA IMAGEN QUE TENGO" rel="lightbox[ds1]
" title="CONSERVAS"><img alt="" src="URL DE LA IMAGEN QUE TENGO"
width="190px" border="1"
</a
td
td
td
tr
table
Mi problema es que si la imagen esta perfecta en pequeño y cuando se agranda, pero no puedo cerrarla , tengo que volver a entrar al menu nuevamente y dirigirme de nuevo a la pagina donde me encontraba que es donde tengo todos los productos de la web.,y es algo incomodo para el cliente.
Lo que me gustaria si me pudieran ayudar es si tienen algun codigo que pueda poner en mi pagina y cuando se agrande la imagen dentro de mi pagina sin abrirse en otra pagina salga la X de cerrar y retorne al cliente a la pagina donde estaba anteriormente, es decir donde los productos.
os pongo una web de ejemplo aunque no tiene que ser asi pero esto ya seria estupendo la verdad.
www.desguacesanchez.com
si entran hay veran que salen las imagenes digamos pequeñas pero al darle encima de una se abre como un cuadro con la imagen donde si aparece la X para cerrar dicha imagen y regresar a la pantalla anterior donde esta el resto de imagenes o la descripcion.
tampoco me importaria si la imagen en pequeño pongo ejemplo: lata alcachofa 250g y al agrandar la imagen poder meter una descripcion algo mas amplia del producto pero que no salga cuando esta la imagen pequeña, como en la web que os pongo anterior mente www.desguacesanchez.com que al abrirse la imagen aparece una descripcion del producto.
muchas gracias de antemano ya que no entiendo mucho y me seria de mucha alluda poder incorporar ese sistema en mi web si me lo pueden detallar un poco la explicacion y pasos a seguir se agradece, como digo no soy muy esperimentado , pero si me facilitan el codigo y me dicen que devo cambiar o poner mi URL DE IMAGEN eso si sabre hacerlo sin problemas. como digo muchas gracias de antemano.
mi correo es manu_clio7@hotmail.com gracias
Hola 000000xr3,
SuprimirTanto el ejemplo que pones como la referencia del sitio web usan Lightbox, ese es un buen método, pero suele dar problemas de estilos en algunas páginas.
A modo personal te recomendaría usar mejor Shadowbox, hace lo mismo, pero presenta menos problemas y además también permite mostrar otros elementos multimedia en la ventana modal tales como videos.
Ya sea cualquiera de los dos que te decidas, si llegas a tener problemas con alguno de ellos deja la pregunta en alguna de esas entradas junto con la dirección de la página donde lo has puesto para ver qué puede estar pasando.
Saludos.
Buenas de nuevo, y para usar Shadowbox como me comentas o algo que me preste la herramienta que necesito?
ResponderSuprimircomo tengo que hacer?
yo con que la foto se abriera en un marco que contenga la X de cerrar y poder añadirle un mini texto me conformo, hay algo con lo que poder hacer esto que me puedan facilitar? gracias.
Mira los enlaces que te puse en el comentario, ahí está toda la información que necesitas.
SuprimirSaludos.