Hacer clic y ampliar imagen
-
Buenas noches y Felices Fiestas
Mi consulta es la siguiente: He visto en muchos blogs de wordpress, que dentro de una entrada, se inserta entre texto y texto , una imagen.
SI dentro de esa entrada van a haber varias imagenes, no es conveniente q sean grandes, y he visto que cuando pones el raton encima de la imagen dice : Haz clic para ampliar.
Y cuando lo haces se amplia, se ve perfectamente, y luego puedes volver a posicion anterior y seguir con la lectura del post.
Es bastante útil cuando se intentan incorporar mas imagenes como para hacer un tutorial de ayuda o algo similar.
EL problema es q no tengo ni idea de como se hace esto.
Podriais ayudarme?
Gracias
http://violetasdormidas.wordpress.comEl blog con el que necesito ayuda es (visible solo para usuarios conectados).
-
Para hacer eso hay que subir la imagen en el tamaño grande. Después, al añadirla a la entrada puedes escoger cualquiera de las opciones ( miniatura, mediana, tamaño completo), ‘tamaño completo’ se ajusta al máximo del tema.
El texto que se ve al pasar el ratón es el atributo Título (title=»lo que sea» en el editor html), donde habría que poner la frase «haz clic para ampliar».
En ‘URL del enlace’ hay que marcar ‘URL del archivo’.
A mi personalmente me gusta más poner estos enlaces para abrir en pestaña, o ventana, nueva. Esta opción no está en la primera ventana del cargador de imágenes, hay que volver a editar la imagen, entonces aparece en Advanced settings → Target: Open link in a new window. También se puede hacer en el editor html añadiendo el código
target="_blank" -
Nota: lo malo de poner el título «haz clic para ampliar» en el editor visual es que después se queda así en la Librería Multimedia.
Lo más correcto es poner el título adecuado en el cargador de archivos y después cambiarlo en el editor html. Por ejemplo:
Una vez añadida la imagen, en el editor html queda algo así:
Cambiamos title=»mi-gato-02″ por title=»haz clic para ampliar»
el target=»_blank», si interesa, se pondría asÍ:
(Es importante respetar los espacios)
-
No salio el código de enlace, lo pongo suelto. Va antes del de <img class etc.
<a href="http://username.files.wordpress.com/2011/12/mi-gato-02.jpg">Para abrir en ventana o pestaña nueva:
<a href="http://username.files.wordpress.com/2011/12/mi-gato-02.jpg" target="_blank> -
-
Hola ludus, he estado leyendo tus respuestas y de antemano, muchisimas gracias Haré lo q me indicas y asi iré apendiendo
De cualquier forma, yo, lo q más interes tengo, no es tanto en que se abra la iamgen en una ventana externa, sino mas bien ,q sea que al clicar sobre ella, se abre esa misma imagen ,mas grande,claro, en una especie de galeria
Mira te pongo un ejemplo en una web q he visto:Ahi está tal como me gustaria a mi
No se si es algo posible de hacer en un wordpress.comBuenas noches y muchisimas gracias
-
Esta es la forma de usar una galeria (como dices) :-)
http://en.support.wordpress.com/images/gallery/ -
Hola airdoyssey,
De momento ,como me apuraba, lo he hecho de la otra forma, o sea, q pinchando la imagen se abria en ventana externa , con tamaño superior.
En cuantito pueda, experimento lo q me dices ( claro q primero traduciré la pagina)
Muchisimas gracias por tu atencion -
yo estoy tratando de hacerlo como ella queria pero no entiendo muy bien las instrucciones por que ya tengo el post hecho y quiero editarlo para que las imagenes me abran asi alguien me puede ayudar por favor y gracias
-
@thefinestpr: No podemos ayudarte sin saber lo siguiente:
1- la dirección de tu blog (http://…)
2- en que parte de las instrucciones tienes dificultades. -
Thefinestpr.net es mi blog y no entiendo nada de las instrucciones soy nuevo em esto busco en html lo q dice las instrucciones pero no aparece… Quiero q mi galeria de fotos abra asi como dice en las instrucciones
-
-
-
@thefinestpr: De acuerdo. Entonces esperamos que tengas la traducción de dichas instrucciones en español y si aún tienes dificultades en entenderlas (porqué están mal traducidas o por otra razón) regresa aquí. Gracias.
- El debate ‘Hacer clic y ampliar imagen’ está cerrado y no admite más respuestas.
Foros WordPress.com en Español 
