Avatar Image
@man / @woman
@man / @woman

¿Como se hace pa que una imagen se vea pequeña en una web y pinchando se vea en tamaño normal ?
¿Alguien sabe el codigo o como se hace con el Dreamweaver ?.... gracias...

Avatar Image
Machacateclados
Machacateclados

Bueno tienes varias alternativas.


La mas simple de todas es colocar una imagen reducida q enlace a una grande. Para q no quede basto, ahi un script q te permite visualizar las imagenes en una vetana ajustada.

Es decir tienes una imagen reducida por ti, la colocas en la web y haces un link a la misma foto pero con su tamaño real, y esta se abre en una nuev ventana pero una ventana son cabeceras justa para la foto. Yo creo q queda muy bien.

te pongo el codigo para q puedas hacerlo.

entre <head> y </head> inserta este codigo q no debe de modificar:


<script language="JavaScript" type="text/JavaScript">
<!--
function openPictureWindow_Fever(imageType,imageName,imageWidth,imageHeight,alt,posLeft,posTop) { // v4.01
newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",scrollbars=no,left="+posLeft+",top="+posTop);
newWindow.document.open();
newWindow.document.write('<html><title>'+alt+'</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onBlur="self.close()">');
if (imageType == "swf"){
newWindow.document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="'+imageWidth+'" height="'+imageHeight+'">');
newWindow.document.write('<param name=movie value="'+imageName+'"><param name=quality value=high>');
newWindow.document.write('<embed src="'+imageName+'" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="'+imageWidth+'" height="'+imageHeight+'">');
newWindow.document.write('</embed></object>'); }else{
newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="'+alt+'">'); }
newWindow.document.write('</body></html>');
newWindow.document.close();
newWindow.focus();
}
//-->
</script>


luego pones este codigo donde queires q vaya la minifoto:


<a href="javascript:;" onClick="openPictureWindow_Fever('JPG','LAURLDELAFOTOGRANDE','245','360','titulo de la foto','','')">
<img src="LAURLDELAFOTOPEKEÑA" width="83" height="98" border="0" alt="info"></a>




tiene q tener en cuenta q deberas indicar el tamaño de las fotos...


'245','360',primero es el ancho y luego el alto (en pixeles)
Avatar Image
@man / @woman
@man / @woman

TAMBIEN PUEDES ENCONTRAR LO QUE QUIERES EN www.yomaster.com HAY VARIOS PARA IMAGENES Y TODO ESO

Avatar Image
@man / @woman
@man / @woman

Mutex, ¿pero tengo que subir 2 fotos de cada imagen ? una en pequeño y otra normal ?.....
No hay alguna manera mas facil ?

Avatar Image
@man / @woman
@man / @woman

<a href=imagen.gif target=_blank><img src=imagen.gif height=10 width=10></a>

eso hara a la imagen.gif un cuadro de 10x10 (un que sea de 400x400)y al pinchiar sobre ella se abrira en otra ventana la imagen en su tamanio normal

si no la quieres en otra ventana elimina el target=_blank

Avatar Image
Moderadora
Moderadora
Ummmm eso es justo lo que yo queria hacer, y supongo que es a lo que se referia aguamarina Pero una preguntita, sigue ocupando el espacio de la original? Como puedo hacer un thumbail? Hay algun codiguillo? Soy una preguntona?

A ver si me podeis echar una manita Gracias

Besos


Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por nodws
<a href=imagen.gif target=_blank><img src=imagen.gif height=10 width=10></a>

eso hara a la imagen.gif un cuadro de 10x10 (un que sea de 400x400)y al pinchiar sobre ella se abrira en otra ventana la imagen en su tamanio normal

si no la quieres en otra ventana elimina el target=_blank



¡¡¡¡ Justo lo que queriaaaaaaaaaa !!!!

Mil graciasssssssssssss NODWS

Gracias tambien a Maicol y a Mutex por la ayuda...!!

Besos a todos

P.D.: Hola Pando, bonita... besos a ti tambien
Avatar Image
Machacateclados
Machacateclados
Escrito originalmente por Pandorina
Ummmm eso es justo lo que yo queria hacer, y supongo que es a lo que se referia aguamarina Pero una preguntita, sigue ocupando el espacio de la original? Como puedo hacer un thumbail? Hay algun codiguillo? Soy una preguntona?

A ver si me podeis echar una manita Gracias

Besos


Si no creas otra imagen reducida que enlace con la original el tamaño es el mismo.

Para eso utiliza cualquier programa gráfico

La pregunta Como puedo hacer un thumbail?

Es como ha explicado nodws, eso es lo que se llama thumbnail.

Salu2 y Suerte
Avatar Image
Machacateclados
Machacateclados
Escrito originalmente por nodws
<a href=imagen.gif target=_blank><img src=imagen.gif height=10 width=10></a>

eso hara a la imagen.gif un cuadro de 10x10 (un que sea de 400x400)y al pinchiar sobre ella se abrira en otra ventana la imagen en su tamanio normal

si no la quieres en otra ventana elimina el target=_blank




Por supuesto es una manera idela para conseguirlo, pero tiene un inconveniente. Un webmaster tiene q pensar siempre en optimizar el rendimiento , una pgina web tiene q ser muy rapida sino perdera visitantes.

Tambien dependera de q tipo de utilizacion le daras.

Si vas a poner en una misma paginas varias imagenes asi en pequeñas como si fuera una geleria creo q no es conveniente porque aunque se vea pekeña la foto es la real grande por lo tanto la pagina sera muy lenta porque tendria q cargarse la imagen. Si pones 10 fotos pekeñas la pagina ira lentisima porque tendra q cargar 10 fotoa grandes. Sin embargo merece la pena la opcion q te di porque una imagen pekeña ajog puede ocupar 1 o 3 kb
por lo q la pagina es veloz.

Si alguien tiene interes en ver la foto q pinche y entonces se cargara la q desee.


ADemas el script q ti da mucha profesionalidad pues no sale la foto en una ventana de explorer normal sino aislada con un marco.


Pero ya te digo q todo depende de la utilizacion q le des conviene uno u otro codigo.

Un saludo.
Avatar Image
@man / @woman
@man / @woman

Es bueno saberlo Mutex, muchas gracias por la explicación... de momento la web no tiene muchas imagenes pero con el tiempo si las tendrá asi que tendré que cambiarlo como tu dices....

Muchas gracias de verdad !!
Besos

Avatar Image
@man / @woman
@man / @woman

trata que las imagenes no sean Gigantes o tu pagina sera un dolor de cabeza para usuarios con modems telefonicos

los thumbs se pueden hacer en cualquier programa editor de imagenes (Ms paint, paint pro, paintbrush, photo suite, photoshop , etc etc) solo reduces el tamaño de la imagen en cuestion y ya subes ambas
~>thumb_imagen1.jpg
~>imagen1.jpg

Avatar Image
@man / @woman
@man / @woman

O PONES LA IMAGEN DE 30 POR 30 Y LA VINCULAS A LA IMAGEN Y LISTO

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares