Como abrir un vínculo en una foto para que salga en ese mismo marco de la foto, en html

He visto tu pregunta, e intentaré ayudarte.

Creo que lo mejor es que uses un <iframe>. Algo así como:

<iframe name="camera" width="641px" height="368px" src="http://meteovacarisses.zzl.org/cam_1.jpg">

Y luego fuera de la foto (por ejemplo donde tienes la frase "Clicar la foto per a video...") colocas un enlace al iframe, tal que así:

<a target="camera" href="http://meteovacarisses.tk/camera.html">cambia foto</a>

Fijate que el atributo target del enlace tiene el mismo nombre que el name del iframe. Y así se abrirá tu enlace dentro de tu iframe.

Cualquier duda, vuélveme a preguntar-

(Per cert... suposo que ests català, ¿oi? Jo també.)

Miquel

Gràcies Miquel....suposo que tenim que parlar en castellà.....Bien, estoy intentando insertar estos comandos con el dreamweaver, pero no hay manera, se me vincula en una página en bglanco pero no en el mismo marco de la foto....no te podría enviar el archivo para ver si me lo puedes arreglar. O en todo caso acabarme de aclarar donde van esos comandos exactamente. Te lo agradecería un montón. !!!!

Claro, lo mejor es que me mandes el archivo. Aunque lo qie interesa es que tu aprendas, no que te lo haga yo...

Mi mail es miquel.calafell en gmail.com

Veras como es más fácil de lo que parece

Ya he estado viendo tu código. Debes cambiar las lineas de la 492 a la 503, concretamente donde pone:

<p class=MsoNormal><a href="http://meteovacarisses.tk/camera.html" target="_parent"><span
style='mso-fareast-font-family:"Times New Roman";mso-no-proof:yes;text-decoration:
none;text-underline:none'><img
src="http://meteovacarisses.zzl.org/cam_1.jpg"
alt="Descripció: Descripció: Descripció: Descripció: Descripció: Descripció: Descripció: Descripció: Descripció: Descripció: Descripció: http://meteovacarisses.zzl.org/cam_1.jpg" name="_x0000_i1025" width=641 height=368 id="_x0000_i1025" border=0></
span></a><span
style='mso-fareast-font-family:"Times New Roman"'><o:p></o:p></span></p>
<p><u><span style='font-family:"Arial","sans-serif";background:yellow;
mso-highlight:yellow;mso-effects-glow-color:#A8E034;mso-effects-glow-themecolor:
accent3;mso-effects-glow-alpha:40.0%;mso-effects-glow-colortransforms:satm=175000;
mso-effects-glow-rad:5.0pt'>Clicar la foto per a video en directe<span
style='mso-spacerun:yes'>  </span><o:p></o:p></span></u></p>

Y en su lugar poner el siguiente código:

<iframe name="camera" width="639px" height="350x" src="http://meteovacarisses.zzl.org/cam_1.jpg" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>
<span style='mso-fareast-font-family:"Times New Roman"'><o:p></o:p></span><!--</p>-->
<p><u><span style='font-family:"Arial","sans-serif";background:yellow;
mso-highlight:yellow;mso-effects-glow-color:#A8E034;mso-effects-glow-themecolor:
accent3;mso-effects-glow-alpha:40.0%;mso-effects-glow-colortransforms:satm=175000;
mso-effects-glow-rad:5.0pt'><a target="camera" href="http://meteovacarisses.tk/camera.html">CLIKA AQUI PER VEURE EL VIDEO EN DIRECTE</a></span></u></p>

Lo he probado y va estupendamente.

Por cierto, tienes un código muy raro. Lo has hecho en Dreamweaver, ¿o con algún editor de Microsoft?

Muchas, muchas gracias Miquel. Va de coña. El código venía con el software de la estación meteorológica. Lo que pasa es que le he ido metiendo cosas tanto con el dreamweaver como con el word.....y supongo que hay un batibull de códigos raros. Pero éste código tuyo va PERFECTO !!!! Por cierto, que te parece mi vista hacia Montserrat, eh !!!

Una última cosa (ya sé que abuso de ti...) se puede hacer que no se pueda acceder directamente a la página meteovacarisses.tk/camera.html. Es decir, que solo se pueda acceder como está ahora desde la página principal. En el meteovacarisses.tk/camera.html hay un código java generado por el software que controla la webcam (webcam pro). Otra vez moltes gràcies !!