Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

[NYC08]

Hola Foro,
Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.
Estoy usando solo “bloc de notas”
Por favor, si me da un ejemplo estaría buenísimo.
Y como lograr que 2 fotos se enfrenten en la misma posición pero una a la izquierda y la otra a la derecha de la página.
Gracias.

[Raulmmmm]

Sería algo así lo de pinchar y agrandar:

Código HTML:

<script>
function agrandar(){
document.getElementById('ejemplo').style.width='500px';
}
</script>
<img src="tuimagen.jpg" id="ejemplo" onclick="agrandar()" /> 

Y lo otro no lo he entendido bien... ¿algo así?
l hola l aloh l

[NYC08]

MMM….no entiendo muy bien.
Te mando como lo tengo…. Como lo formarías….

<img src="C:\Users\Public\myweb\pictures\DSC00863.jpg" width=250 height=380

Ahora, el tamaño original de la foto obviamente es mas grande...., demasiado. ¿Como lo arias para que también puedas controlar el tamaño cuando hagas clik en la foto ?

La otra pregunta te la represento así:
Te doy un ej:

FOTO FOTO

Que las dos fotos estén enfrentadas en el mismo “eje” por decirlo así y que esten en los extreme de la página.
Y que en ese espacio “pueda también” agregarle cosas

Gracias…..

[Raulmmmm]

Pues lo de la imagen sería así:

Código HTML:

<script>
function agrandar(){
document.getElementById('ejemplo').style.width='800px';
document.getElementById('ejemplo').style.height='400px';
}
</script>
<img src="C:\Users\Public\myweb\pictures\DSC00863.jpg" id="ejemplo" onclick="agrandar()" /> 

Y lo otro, más o menos así:

Código HTML:

<div>
<img src="tuimagen.jpg" style="float: left; width: 20%;" />
<div style="float: left; width: 60%;"></div>
<img src="tuimagen.jpg" style="float: left; width: 20%;" />
<div style="clear: both;"></div>
</div> 

[hades87]

te aconsejo que para las imágenes uses las rutas relativas y no absolutas.

[v4mp1r0]

otra opcion:

Código HTML:

<table border="0">
  <tr>
      <td><img src="tuimagen.jpg" alt="Nombre de tu imagen en caso de que no la encuentre" /></td>
      <td><img src="tuimagen.jpg"  alt="Nombre de tu imagen en caso de que no la encuentre" /></td>
  </tr>
</table> 

si la quieres centrada solo agregale un id y en una CSS dale text-align: center;

te aconsejo que para las imágenes uses las rutas relativas y no absolutas.

Sigue este consejo, por que una vez que subas a un servidor tu pagina, el explorador no podra encontrar tu imagen.

salu2!

[NYC08]

OK…amigos..
Raulmmmm….
Tomando tu ejemplo lo hice así.

<div>
<img src="C:\Users\Public\myweb\pictures\escudoR.jpg" style="float: left; width: 20%;" />
<div style="float: left; width: 60%;" ></div>
<img src="C:\Users\Public\myweb\pictures\escudoB.jpg" style="float: left; width: 20%;" />
<div style="clear: both;"></div>
</div>

Resulto pero no del todo, ya que la imagen que va la derecha (escudoB.jpg) aparece en un tamaño pequeño y no esta completamente en la esquina superior derecha. Y cuando achico la ventana se achica todo.

Buscando en el Internet me resulto bien esto:

<img src="C:\Users\Public\myweb\pictures\escudoR.jpg" width="380" height="160" ALIGN="RIGHT">
<img src="C:\Users\Public\myweb\pictures\escudoB.jpg" width="380" height="180" ALIGN="LEFT">

Que extraño. NO!

Y con el tema del famoso “clik” en la foto no me resulto. He visto que me hablan de DW y SSC. Yo estoy usando solo Notepad (bloc de notas) y hace una semana que me dedique aprender esto. Es decir si me hablan de las rutas relativas y no absolutas, es como si me hablan en chino.
¿Cuál es la ventaja de usar los otros programas? ¿La facilidad para crear una página?
Espero que me ayuden con el clik en la foto.

Bueno muchachos….en verdad les agradezco mucho.

[Raulmmmm]

Pues no sé por qué no te va lo del click. ¿Lo estás abriendo con IE y te sale arriba una barra amarilla? Es cuestión de pinchar en Permitir contenido bloqueado... y listo.

Lo de las rutas relativas es, que en vez de poner esto:
C:\Users\Public\myweb\pictures\escudoR.jpg
Pongas la foto así:
pictures\escudoR.jpg

Eso son las URL relativas.

[NYC08]

Ya solucione todo esto….
No sabía que podía a ser una p. web con FrontPage (Microsoft). Resulta más fácil. Y buscando en Internet encontré barios ejemplos que me resultaron bien.
Con lo de la barrita amarilla ya lo sabía porque cuando puse un video lo tenia que habilitar desde ahí.
Bueno…, cualquier cosa, se que puedo contar con ustedes.
Gracias.