Cómo poner vínculo en imagen?

[painter]

A ver... yo y mis preguntas :)...

Quiero enviar un email en el que haya una imagen. Imagen que al pinchar sobre ella se abra una página web.

¿Cómo lo hago?

PD: conocimientos informáticos básicos...:)

[frutosyo]

Pues si es hotmail, supongo que como aquí, pegas la imagen, la seleccionas, le das al "mundo+cadena" y ya, no???

[painter]

Gracias por la rapidez de respuesta, pero me temo que sería "gmail".

[frutosyo]

En gmail, hay una "cadena", quizás sea lo mismo.

[painter]

Sí, pero estoy probando y eso es sólo para meterle un enlace a un texto, no vale para una imagen.

La imagen debe ir dentro del email, pero mostrada entre un párrafo de texto y otro, no vale que vaya como archivo adjunto.

[frutosyo]

:o :o :o Bueno pues esperemos que algún experto nos ilumine :)

[Polseguera]

vayamos por partes.
1. deseo colocar un texto-imagen-dibujo y que pulsando sobre él, irme a un sitio diferente, es decir, otra pagina, otra web, etc..
- deberas escribir lo que sigue:
el texto es ANTONIO
deseo ir a http://www.google.es/loquesea.com
escribiré en lugar de ANTONIO, esto
<a href="http://www.google.es/loquesea.com" title="ANTONIO" target="_self">ANTONIO</a>

aparecerá ANTONIO , y pulsando sobre este texto nos encaminaremos a la dirección colocada entre comillas en la primera situación de la frase anterior [ http://www.google.es/loquesea.com ]

la "etiqueta" _self indica que "la próxima direccion", osea la pantalla de destino, se abrirá en lugar de la que tenemos ahora abierta.
hay otras etiquetas _parent, _top, _blank; Si lo que quieres es otra accion a la que te he mencionado, pruebalas y veras, una abre una nueva página, otra abre una pestaña nueva, etc..

2. deseo colocar el enlace dentro de un correo, pues lo mismo que en el paso anterior, o bien utilizas las opciones que tienes en casi todos los editores de texto para colocar enlaces externos; fijate en cómo colocas las instrucciones cuando en este foro quieres subir una imagen, pues lo mismo, aunque no sea una imagen.

Espero que esto te pueda servir, en caso contrario, pregunta que estoy a tu disposición en lo que pueda.

Un saludo.

Edito. A esto se le denomina "hipervínculo"

[painter]

Muchas gracias a ambos.

Pero un detalle Polseguera, en la programación que has escrito, ¿dónde está la imagen, que es lo que yo quiero que lleve el enlace?

[Polseguera]

¡ah!, y no soy "un experto", sólo estoy un pelín "enteraillo" del tema, ¡que conste!

[frutosyo]

painter, creo que tu problema es como "pegar" la imagen en el cuerpo del mensaje, y que no sea como archivo adjunto. Una vez consigas eso lo otro será mas sencillo.

Yo no sé hacerlo :(

[Polseguera]

perdon por la tardanza, el servidor de canonistas me ha tirado fuera, y ahora que he vuelto contesto a la pregunta pendiente.

¡ah!, y no soy "un experto", sólo estoy un pelín "enteraillo" del tema, ¡que conste!.

edito por que he visto que ya me han preguntado algo.

Cuando el enlace es con una imagen sería algo como esto

la imagen deberá estar colocada en alguna dirección "web" ¿vale?, algo como las que tenemos en canonistas, si vas a esas imágenes podrás ver que al pulsar sobre una de ellas, te aparece en grande, igual puede aparecer otra pagina, veamos las instrucciones :

sigamos con el tipo de enlace que proponía al inicio, y que la imagen que tengo colocada en la web se llama [ Firma_polseguera.gif ], y su dirección es [ http://www.mipeich.es/Firma_polseguera.gif ]

<a href=" http://www.mipeich.es/Firma_polseguera.gif " target="_self">
----- muestra cual será el enlace a abrir, y de qué forma (_self)

<img src="http://www.mipeich.es/Firma_polseguera.gif " width="389" height="151"
----- dice cómo será el tamaño que se mostrará para poder pulsar sobre el enlace, es decir el tamaño de la imagen sobre la que pulsar

alt="Mi imagen"
----- el texto que quiero que aparezca al poner el cursor sobre la imagen, es opcional

/></a>
----- fin a la instruccion a ejecutar

es decir, que tendriamos que poner lo que sigue :

<a href=" http://www.mipeich.es/Firma_polseguera.gif " target="_selfimg src="http://www.mipeich.es/Firma_polseguera.gif " width="389" height="151" alt="Mi firma" /></a>


¿te referias a esto?

[Polseguera]

otro ejemplo, en mi firma, abajo de todo este escrito, hay una dirección a mis "cutreritas" fotos colocadas en Flick, bien podría colocar una imagen, si hubiera alcanzado los 50 post, en lugar de la dirección que figura.

[enricvision]

Funciona?

Pues tenía confianza de que saliera el invento. He usado mi yahoo mail para enviarme a mi Outlook de mi servidor y na de na. Me aparece todo el codigo html en lugar de la imagen,

<a href=" http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg " target="_selfimg src=" http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg " width="900" height="600" alt="Mi galeriade" /></a>

en lugar de la imagen.
Con esto del html un space puede tirarlo todo al garete

Salu2

[Polseguera]

Funciona?

Pues tenía confianza de que saliera el invento. He usado mi yahoo mail para enviarme a mi Outlook de mi servidor y na de na. Me aparece todo el codigo html en lugar de la imagen,

<a href=" http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg " target="_selfimg src=" http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg " width="900" height="600" alt="Mi galeriade" /></a>

en lugar de la imagen.
Con esto del html un space puede tirarlo todo al garete

Salu2


A ver, prestad atención, ¡plises!

aquí :
[<a href=" http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg " target="_selfimg src=" ] hay un error, y cuando se comente una faltita en la escritura html, pues te muestra toda la "instruccion".
debería ser :
[ <a href=" http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg " target="_self"> <"img src=" ] y lo que sigue . . .

eso fué un error de transcripción mia, perdones a todos, también fué un error mio el no poder quedarme en el hilo más tiempo, espero que ahora podais aprovecharlo.

Por cierto, algunos gestores de correo ponen trabas a este tipo de enlaces, también puede ser que aunque lo coloques bien no te aparezca, pero no te debería mostrar toda la instrucción, sino algún otro indicador del tema. Ten presente lo que te comentaba de que en canonistas, antes de los 50 post, no se puede incluir una imagen en la firma, aunque siempre puede uno "hackear" las condiciones, pero .. . .. . eso no sería ético para con todos los demás compañeros del foro, ¿no?

Repito, lamento mi error de transcripción. :pena:

[Polseguera]

Por cierto, y coloco otro post para que el anterior no resultara demasiado "largo", cuando indicas el tamaño de la imagen, se refiere al tamaño con el que deseas que aparezca para poder "pulsar" sobre ella y que te aparezca después a !su tamaño correcto!, de manera que deberías cambiar los siguientes datos :

width="900" height="600"

por otros, del tipo

width="150" height="100"

que harían que en el cuerpo del mensaje apareciera la foto en tamaño "pequeño", y al pulsar sobre ella, mostraría el tamaño total.

¿preguntas? .... me estaré pasando por el hilo a lo largo de todo el día, así que puede que tarde algo en contestar pero !se os lo juro, maese!, ¡¡¡contestaré!!!!

:p :p :p

[painter]

En el trabajo ahora, me temo que no puedo probarlo, pero lo probaré (por la cuenta que me tiene, que he quedado con mi novia que "se lo arreglaba yo")

PD: menudo morro que tengo, si no fuera por vosotros....:p:p

[Polseguera]

pues nada, no te queda mas remedio que "arreglarselo", ¡menudo problemón!, si tienes dudas y no deseas cargar el foro, puedes preguntar por mp, en mi perfil tienes la dirección, al servicio de un canonistas ¡siempre!, por cierto, si tienes pegas, indicame qué gestor de correo, qué sistema operativo, qué servidor de imágenes, etc.., cuanto más información, mejor, que ya te comenté que algunos servicios no permiten esta implementación.

un saludito para la "señora", si es posible, je, je,..

[painter]

Gracias por vuestra ayuda, ya he visto una solución fácil, fácil, fácil... no es una solución genérica para todo el mundo, pero para mi es perfecta porque uso gmail.

Pregunta a eliax: ¿Cómo agrego imágenes a emails en GMail? - :: Eliax - Para Mentes Curiosas :: (http://eliax.com/index.php?/archives/6448-Pregunta-a-eliax-Como-agrego-imagenes-a-emails-en-GMail.html)

[frutosyo]

Al final la solución nos la has dado tu, gracias. :)

[enricvision]

Pues pasale el corrector que sigue sin funcionar.

<a href="http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg" target="_self"> <"img src="http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg" width="100" height="66" alt="Mi galeriade"/></a>

(la ultima corrección la he probado tanto con un espacio como sin espacio, enviado al Outlook y reenviado al mismo que envía: yahoo.com)

Salu2

[Polseguera]

enricvision
cuando dices "Pues pasale el corrector ......" quieres decir
1. no está correcto
2. sigue sin funcionar
Si es la opción 1, ahora no puedo comprobarlo, me he enviado a otro correo esa instrucción y el lunes os digo qué me ocurre, pero en teoría, la idea es correcta, es programación html básica. Si es la opción dos, ya comentaba que según el servidor de correo, esta opción puede estar "desconectada", basta con ir al enlace que coloca painter del gestor de correo de google [ GMAIL ], y ver que esa posibilidad hay que "activarla".
Yo puedo haberme equivocado, las pruebas las comprobaré el lunes por la mañana y sin falta colocaré aquí lo que me sucede. En teoría, las instrucciones son correctas, si he alterado el orden, salvo error tipográfico, no debería anular la instrucción.

en la instrucción :
<a ----> se inicia la instrucción
href="http://www.galeriade.com/enricvision...elos_05615.jpg (http://www.galeriade.com/enricvision...elos_05615.jpg)" ---> hace referencia al sitio/imagen/pagina/destino al que quiero acceder, es decir el hipervínculo que yo coloco.
img src="http://www.galeriade.com/enricvision...elos_05615.jpg (http://www.galeriade.com/enricvision...elos_05615.jpg)" ---> hace referencia a la "puerta" que quiero mostrar en el mensaje para "ir" al destino marcado antes, es decir, la imagen que aparecerá para ser pulsada.
width="100" height="66" ----> se refiere al tamaño de dicha "puerta", el tamaño reducido de la imagen en el mensaje.
alt="Mi galeriade" ----> indica el texto con el que quiero informar sobre el enlace-puerta, lo que aparece cuando coloco el cursor sobre la imagen.
< ---> inicio de instrucción
/> ---> fin de la instrucción que comenzó con <
y por lo tanto,
</a> ----> finaliza la instrucción que comenzó con <a (en este caso, no se cierra porque continua con href....)

aquí, por segundo error mío, sobran las dobles comillas delante de img src
<a href="http://www.galeriade.com/enricvision...elos_05615.jpg" target="_self"> <"img src="http://www.galeriade.com/enricvision...elos_05615.jpg" width="100" height="66" alt="Mi galeriade"/></a>

por lo tanto, la teoría creo que es correcta. Ya os contare mi experiencia.

[enricvision]

2. sigue sin funcionar. Serán los servidores que uso, casi sguro y ya lo menciono en algún lugar. Ya que no tengo (ni quiero) cta en Gmail
Voy a probar sin esa doble comilla.

Probado:
<a href="http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg (http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg)" target="_self"> <img src="http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg (http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg)" width="100" height="66" alt="Mi galeriade"/></a>
y tampoco

Nada, dejalo que seguro es el servidor de yahoo.com y además las recibo a través del Outlook que maneja la cta de mi servidor ono. Era la curiosidad de poder enviar imágenes clicables a mi galería, pero que no tiene importancia.

Yo no entiendo de html. No os riáis, pero me hice mi primera pagina de mi page web (http://www.webpersonal.net/enricvision/) con una revista y el Word!!!, en el '98 del siglo pasado. Después todo fue copiar y pegar, y usar el Front Page

Salu2

[Polseguera]

realmente, ¡no funciona!, que conste que la teoría es correcta, que si tenemos la opción de HTML en los formatos de nuestro correo, debería funcionar, ¡pero no!, solo aparece la "dirección" html (http://....) o bien toda la instrucción; y eso que yo he hecho las pruebas dentro de servidores "windows".
¡mosqueado totalmente!, voy a investigar algo más profundamente a ver si averiguo la razón, y os puedo comentar algo.

lo siento, pensé que no existiría este problema porque, la verdad, nunca se me había ocurrido utilizar esta opción.

:o :o :martini

[Polseguera]

bueno, todavía estoy investigando el tema; por ahora lo que he visto es que si el editor de texto para crear el mensaje permite la opción de "escitura en HTML", la inclusión de la instrucción siguiente :

<a href="http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg (http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg)" target="_self"> <img src="http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg (http://www.galeriade.com/enricvision/data/media/27/Cielos_05615.jpg)" width="100" height="66" alt="Mi galeriade"/></a>

permite que el que recibe el mensaje tenga un rectángulo "en blanco" com bordes marcados (en mi caso en azul) con el tamaño de 100x66, y que pulsándo en él me abra una nueva página en el explorador con la imágen que le damos en [href= ... ]

seguiré probando y os contaré lo que averigue, ¡me ha picado la moral esto!
si no interesara ya a nadie, solo tienen que poner el mensaje al respecto y dejo de dar la vara, pero yo seguiré con el tema.

[painter]

seguiré probando y os contaré lo que averigue, ¡me ha picado la moral esto!
si no interesara ya a nadie, solo tienen que poner el mensaje al respecto y dejo de dar la vara, pero yo seguiré con el tema.

jaja, no, si en el fondo se agradece el interés. Eso se llama insistencia :)

[Polseguera]

y tanto!!!,

veamos mis "descubrimientos", cuando el mensaje se escribe mediante código HTML, que no todos los gestores de correo tienen esta opción disponible, el mensaje llegará con todo correcto ¡¡¡¡ si el que lo recibe tiene activada la opción de descarga de imágenes !!!!; esto normalmente suele estar "capado" con el fin de evitar el SPAM masivo, además de ser una opción "casi por defecto" de los corta-fuegos.

la instrucción tal y como la tenemos en el último mensaje SI funciona, si activo "descargar imágenes de internet" en el Outlook, habiendo enviado el mensaje desde "hotmail".

otra cosa es que el gestor de correo o el lector de correo o ambos, no permitan escribir el mensaje en formato HTML o no permitan la descarga de ficheros.

espero que sirva de ayuda a todo aquél que siga interesado en el tema.

:wink: :aplausos :aplausos :wink: