Fotos En La Web

mechinity · #1 (**permalink**) 06/06/2004, 11:41

HOLA GENTE, TENGO QUE HACER UN SITIO DE RUGBY Y EN UNO DE LOS LINK VOY A PONER FOTOS.DOS CUESTIONES:

CUAL ES EL MEJOR FORMATO PARA QUE LAS FOTOS PESEN POCO, LO MAS SEGURO QUE SEAN ESCANEADAS, COMO HAGO PARA QUE NO PESEN TANTO Y SEGUNDO QUIERO SABER COMO SE HACE PARA QUE AL CLIKEAR SE AGRANDE LA FOTO.
GRACIAS
CHAU CHAU

PatomaS · #2 (**permalink**) 06/06/2004, 12:14

Hola

Bueno, las cosas en orden, perimero, no grites.

Ahora pasamos a tus prguntas.

las imágenes las puedes escanear como tif a 300 ppp, de esa manera tienes un orignal de calidad para guardar y hacer con el lo que quieras después.

Luego, generas dos copias en formato .jp, ambos con un mínimo de 72 ppp y un máximo de 96 ppp.

Respecto a la presentación de las imágenes, deinitivamente la mejor manera es poner imágenes pequeñas en la web, además, no pongas muchas por página, de esa manera ninguna página pesará mucho y cargará suficientemente rápido, por ejemplo, unas 20 imágenes de uno 5 Kb, estaría bastante bien. Eso no es un dato fijo ni una regla, solo un consejo.

Respcto a la forma de hacer que se ven grandes, la manera sería que hicieras esto:

- En varias páginas que se verán completas en el navegador, estarán todas las imágenes pequeñas que tengas.
- Luego, harás una páginas .htm que contendrá una imagen ampliada, una imagen en cada página.
- para abrir las ventanas con las ampliaciones, utilizas una función de javascript.

Un ejemlo de la función que necesitas sería este:

Código:

<script type="text/javascript">
<!--
function abrir_ventana(x,y,z) {
	var ventana = window.open(x+".htm", x, "width=y, height=z, status=no, scrollbars=no, toolbars=no, menubar=no");
}
//-->

y el código para llamarla es este:

Código:

<a href="javascript:abrir_vantana('ampliacion_01',500,400)"><img src="foto_01.jpg" style="width: 50px; height: 40px; border: 0px;" /></a>

La línea de javascript tomará cualquier llamada y abrirá una ventana nueva para cada foto conlas dimensiones de alto y ancho que le indiques.

La línea de abajo, será el vínculo asociado a cada imagen; cada imagen tiene asociado su tamaño mediante un estilo, y la llamada a la función, invoca la página de ampliación correspondiente, pasándo también las dimensiones necesarias para que se vea.

Podrías ahorrarte el hacer una página para cada imagen, pero como a mi me gusta más este sistema, es el que te recomiendo, es organizado, sencillo y permite, en caso que quieras, indexar estas imágenes de mejor manera, y asociar comentarios o piés de fotos.

Suerte

Felicidad

caricatos · #3 (**permalink**) 07/06/2004, 01:46

Hola mechinity y PatomaS

:

Bueno, aunque estoy de acuerdo en casi todo con PatomaS, quisiera matizar un poco en base a mi experiencia...

:

Puedes ver mi galería de imágenes en esta dirección: http://www.sucaricatura.com/2004/index.html , y bajartela en esta otra: http://www.pepemolina.com/imagenes/index.html ...

Las ampliaciones, cuando son muchas fotos, te obligaría a crear muchas páginas, y si tuvieras que añadir imágenes constantemente te desalentarías muy pronto.

Si dispones de algún lenguaje del lado del servidor, se podría hacer mucho mejor (aunque te tendrían que responder en el foro adecuado)

Con un sencillo retoque al código de PatomaS (¡Hola

!) puedes evitar tener que generar los documentos html para cada imágen:

Código:

function abrir_ventana(x,y,z) {
	var contenido = "<html><body style='background: url(";
	contenido += x + ") no-repeat center center'></body></html>";
	var propiedades = "width=y, height=z, status=no, scrollbars=no, toolbars=no, menubar=no";
	var ventana = window.open("", "", propiedades);
	with (ventana.document)	{
		open();
		write(contenido);
		close();
	}
}

Saludos

mechinity · #4 (**permalink**) 07/06/2004, 04:34

patotomas y caricatos.
primero gracias por responder, voy a hecer asi hacer una pagina por imagen,
yo me imagine que era asi, pero iba a hacer un enlace simple desde la imagen pequeña a la grande , pero supuse que era algo mas .
muchas gracias chicos.
ahhh patotomas, no sabia que las mayusculas eran gritos, jejejjee miles de perdones!!

chau