Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik. en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/02/2008, 12:49
 
Fecha de Ingreso: febrero-2008
Ubicación: NYC
Mensajes: 16
Antigüedad: 9 años, 9 meses
Puntos: 0
Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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.
  #2 (permalink)  
Antiguo 20/02/2008, 14:03
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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
  #3 (permalink)  
Antiguo 20/02/2008, 15:30
 
Fecha de Ingreso: febrero-2008
Ubicación: NYC
Mensajes: 16
Antigüedad: 9 años, 9 meses
Puntos: 0
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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…..
  #4 (permalink)  
Antiguo 21/02/2008, 06:56
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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> 
  #5 (permalink)  
Antiguo 21/02/2008, 06:58
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

te aconsejo que para las imágenes uses las rutas relativas y no absolutas.
__________________
No diseñes usando tablas.
  #6 (permalink)  
Antiguo 21/02/2008, 08:17
Avatar de v4mp1r0  
Fecha de Ingreso: febrero-2008
Mensajes: 36
Antigüedad: 9 años, 9 meses
Puntos: 0
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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;

Cita:
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!
  #7 (permalink)  
Antiguo 21/02/2008, 10:30
 
Fecha de Ingreso: febrero-2008
Ubicación: NYC
Mensajes: 16
Antigüedad: 9 años, 9 meses
Puntos: 0
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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.
  #8 (permalink)  
Antiguo 21/02/2008, 12:46
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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.
  #9 (permalink)  
Antiguo 22/02/2008, 09:00
 
Fecha de Ingreso: febrero-2008
Ubicación: NYC
Mensajes: 16
Antigüedad: 9 años, 9 meses
Puntos: 0
Re: Cómo lograr que una foto pequeña aparezca en un tamaño mayor haciéndole clik.

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:59.