SoloCodigo
Programación Web y Scripting => HTML => Mensaje iniciado por: sheilac en Lunes 11 de Junio de 2007, 20:02
-
disculpen la pregunta tan tonta pero no me sale.
tengo hecho el sitio y se me pide que cuando tengo una imagen chica haga un click sobre ella y se abra en otra pantalla mas chica esa imagen solamente pero mas grande.
me podrian asesorar como se hace.
mi sitio es con html y css , muy sencillito.
desde ya muchas gracias
-
pues yo lo he hecho usando window.open() a un php, y recibe como parametro la ruta de la imagen, una vez ahi uso la funcion getimagesize para saber el tamaño que debe tener la imagen, y el resto es cuestion de "echo".
-
esta pregunta mas bien va en la seccion de javascript
mira investiga la funcion window.open que va algo asi
window.open(DireccionURL, "nombredelaventana" , "width=100,height=100,scrollbars=yes_o_no,status=,location,etc")
bueno y aqui solo podrias hacer una funcion que resiviese de parametro el nombre de la imagen y listo :D
-
lo que seria mas bien en una venta pop-up llamada desde el enlace y si es de javascript de esta forma. utilizando el window.open() para acceder a la ventana secundaria.
-
Para que preocuparse tanto la vida, cuando acomodes el tamaño de la imagen dale valores pequeños, y la colocas como un enlace al tamaño real, algo así:
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><a href="./tuimage.jpg" target="_blank"><img src="./tuimage.jpg" width=100 height=100 border=0></a><!--html2--></td></tr></table><div class='postcolor'><!--html3-->
-
Para que preocuparse tanto la vida, cuando acomodes el tamaño de la imagen dale valores pequeños, y la colocas como un enlace al tamaño real, algo así:
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><a href="./tuimage.jpg" target="_blank"><img src="./tuimage.jpg" width=100 height=100 border=0></a><!--html2--></td></tr></table><div class='postcolor'><!--html3-->
Eso no tendría mucho sentido, la idea de mostrar pre visualizaciones de imágenes con un un tamaño menor es ahorrar ancho de banda.