ahorrar codigo html

afelipe · #1 (**permalink**) 30/04/2006, 03:34

alguien sabe como ahorrar codigo fuente?

es decir, tengo muchas imagenes .. y lo que quiero lograr es que todas tengan el atributo LOWSRC="space.gif"

alguien me puede decir como??

DeLaVega · #2 (**permalink**) 30/04/2006, 08:48

Hola, no sé si entendí bien tu pregunta. En principio, no conozco el atributo lowsrc (existe?) para el tag <img>. Imagino que las imágenes son todas iguales, si es una sola podrías hacerlo con CSS declarándola una sola vez y poniéndolas como fondo, algo como esto:

Estilos (para poner en el head o bien en un archivo de css aparte):

<styles type="text/css">
.space {
background-image: url(space.gif)">
}
</styles>

En el HTML:

<div class="space"></div>

Igualmente no me queda muy claro el uso que le estás dando, quizás hay una solución mejor que poner imágenes. Parecería como que son imágenes para dejar espacios. Si es así, podrías usar CSS para dejar espacios directamente.

Saludos, suerte :)

afelipe · #3 (**permalink**) 30/04/2006, 16:13

pues a lo que tengo entendido. el tag LOWSRC de <IMG>

es un tag ekivalente a SRC pero la diferencia es que el navegador
primero carga LOWSRC, es muy util para cargar imagenes muy grandes

es decir, el navegador primero carga LOWSRC (que puede ser una imagen muy pequeña, por ejemplo de 1x1 pixels) y despues carga SRC

es como un truco visual para el usuario, donde parece k se karga todo muy rapido xD

entonces como tengo una gran galeria, deseo implementar el tag LOWSRC para todas las imagenes sin tener que repetirlo muchas veces y ahorrando kb's de codigo xD

gracias por la respuesta de todos modos =)

Tew · #4 (**permalink**) 30/04/2006, 17:36

Y como es esa imagen espaciadora? Kizas puedas conseguir algo parecido con CSS y hasta te ahorras usar otra imagen :D

php.java.jsp · #5 (**permalink**) 30/04/2006, 17:42

lowsrc tiene inconvenientes, hace algunos años cuando aprendi html recuerdo que solo servia para un navegador en particular, no recuerdo cual si netscape 3 o 4 o explorer 4,

yo nunca pude ver por mi mismo el efecto que causa

segun lo que recuerdo mientras se esta cargando la pagina se muestra la imagen definida en lowscr="" y ya terminada de cargar se muestar la imagen definida en src=""

<img src="" lowsrc="">

que navegador estas usando para conseguir que funcione ?

Edypu · #6 (**permalink**) 30/04/2006, 18:15

Otra opción seria usando algun lenguaje de programacion

PHP ó ASP entre las mas usadas

saludos

afelipe · #7 (**permalink**) 30/04/2006, 20:56

la verdad esos resultados a la larga son notables;
digamos muchas imagenes

por ejemplo:
spacio.gif es de 1x1 pixels
miimagen.jpg es de 300x300 pixels..

solo estoy usando html, css.
solo he usado php en un album, donde se vacia todo el directorio (incluye subdirectorios y todo eso)
aprovechando lo ocacion, no se si sepan de un buen hosting gratis que me de soporte de php & mysql, sin publicidad, almacenamiento y soporte buen trafico =P

en si, lo que me interesa es hacer que todas las imagenes tengan el tag LOWSRC="spacio.gif"

Manoloweb · #8 (**permalink**) 30/04/2006, 21:25

El atributo lowsrc es obsoleto desde hace muchas versiones de HTML, sin embargo, leyendo tus posts, me doy cuenta que tu REQUIERES ese atributo, las razones solo tu las conoces, y yo las respeto...

Todo dependerá de si deseas (o tu aplicación puede) hacer uso de diferentes tecnologías.

Desde PHP/ASP/JSP, tu podrías ahorrarte tecleo a la hora de crear las páginas, y la aproximación para solucionarlo depende mucho de la forma en que son creadas tus páginas, pero una que se me ocurre (PHP) es crear una función que inserte imágenes para que tu solo escribas <? echo creaimg("tal.jpg"); ?> y la función cree el tag con todos los atributos que tu deseas... Otras opciones pueden ser Expresiones Regulares, etc... te repito, todo depende de COMO (y cuando) se crean dichos tags.

Pero dado que no has posteado en el foro de PHP, sino en el de HTML, asumo que por el momento no estás considerando una tecnología del lado del servidor...

La otra alternativa es usar javascript, pero desafortunadamente conseguir una función consistente, que funcione en [casi] todos los navegadores sería muy complejo...

Tal vez si expones un poco más sobre tus requerimientos (que objeto tiene colocar el lowsrc, que navegadores usarán la página, que tipo de aplicación estás haciendo, etc) alguien pueda encontrar una solución decente que te arregle el problema. (Sea usando Javascript, PHP, CSS ó lo que venga al caso)

Saludos!

uamistad · #9 (**permalink**) 01/05/2006, 14:23

Se me hace que lo que el amigo necesita es crear thumbnails, así puede mostrar imágenes de bajísima resolución y todo esto dinámicamente.

Manoloweb · #10 (**permalink**) 01/05/2006, 18:12

No lo creo, pues en TODAS las imágenes quiere mostrar el mismo lowsrc (spacer.gif, o algo así) no una versión de baja resolución (ó tamaño) de la imágen original.

Edypu · #11 (**permalink**) 01/05/2006, 20:38

lowsrc Este atributo es una extensión de Netscape a la etiqueta IMG. Su función es ofrecer la posibilidad al programador de especificar una segunda imagen, junto con la indicada con SRC, que sirva de previsualización de la imagen final. Esta previsualización suele ser la misma imagen pero con peor calidad, por ejemplo en formato JPEG con alto grado de compresión, y de mucho menor tamaño. De esta forma cargará mucho antes y el navegante podrá hacerse una idea de cómo será la imagen completa antes de que esta llegue:

Código HTML:

<IMG SRC="alta_calidad.gif"
  LOWSRC="baja_calidad.gif">

Los navegadores que no entiendan esta etiqueta simplemente la ignorarán, y no mostrarán nada hasta que la imagen de alta calidad llegue, exactamente igual que si no hubiéramos usado LOWSRC. Por tanto podemos concluir que este atributo no causa ningún prejuicio para los usuarios de dichos navegadores. LOWSRC no ha sido aceptado por el estándar HTML 4.0

lo que Manoloweb menciono es la pura realidad

Cita:

El atributo lowsrc es obsoleto desde hace muchas versiones de HTML, sin embargo, leyendo tus posts, me doy cuenta que tu REQUIERES ese atributo, las razones solo tu las conoces, y yo las respeto...

Saludoss

Mickel · #12 (**permalink**) 01/05/2006, 21:06

y, volviendo a tu pregunta, si solo estas usando HTML tendras que meterlas "a mano". O usar un editor y darle al find & replace...

php.java.jsp · #13 (**permalink**) 01/05/2006, 21:47

no se si esto funcione con lowsrc, no tengo netscape 3 o 4 para probarlo, con esto lo que hago es asignarle a todas las imagenes del documento el mismo src, o sea la misma direccion

solo seria cosa de sustituir .src="img" por .lowsrc="img"

Código:

<script>

function carga(){
	for(i=0;i<document.images.length;i++){
		document.images[i].src="image.jpg";
	}
}

</script>

<body onload="carga()">

frijolerou · #14 (**permalink**) 01/05/2006, 23:23

Cita:

Iniciado por afelipe

es decir, el navegador primero carga LOWSRC (que puede ser una imagen muy pequeña, por ejemplo de 1x1 pixels) y despues carga SRC

Error. Cuando las imágenes que tienes que cargar son muy pesadas y tardan mucho, el atributo LOWSRC se usa para mostrar al usuario una copia de baja calidad y menor peso de la original, mientras ésta termine de cargarse.

Si en LOWSRC usas una imagen de 1x1 no aporta nada al usuario y es lo mismo que no poner nada, sólo escribir código extra.

Cita:

Iniciado por afelipe

entonces como tengo una gran galeria, deseo implementar el tag LOWSRC para todas las imagenes sin tener que repetirlo muchas veces y ahorrando kb's de codigo xD

Si tienes una galería de fotos muy pesadas, lo mejor es mostrar en la página una galería con las miniaturas de las fotos (de menor tamaño, mediana calidad y menor peso). Y mostrar la foto original (en un popup, ventana nueva, etc.) cuando el usuario acctive la respectiva miniatura.

Además, como ya te mencionaron los navegadores que aún aceptan LOWSRC son una minoría. no tiene sentido recurrir a ese atributo cuando la mayoría de los browsers no lo tomarán en cuenta.

php.java.jsp. Básicamente tu función JS lo que hace es agregar el atributo LOWSRC a todas las imagenes de lapágina luego de que ésta se haya cargado por completo (onload). Si la página ya ha cargado por completo, significa que ya se han cargado todas las imágenes. entonces ¿para qué vas a agregar el atributo LOWSRC en un momento en que ya no e snecesario ese atributo y deja de prestar utilidad?

php.java.jsp · #15 (**permalink**) 02/05/2006, 00:19

no me extraña que lo que halla puesto no funcione solo se me ocurrio de momento, como el tema del post es "ahorrar codigo" es eso lo que inicialmente pregunto no "problemas con lowsrc"

ya lo dije antes yo ese atributo lowsrc nunca lo he visto en funcionamiento, no se si netscape 7 lo aceptaba o desde alguna version atras ya tampoco

de todas formas con un script se puede hacer lo mismo que se "supone que hacia lowsrc"

Código:

<script>

cuadro = new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg");

function carga(){
	for(i=0;i<document.images.length;i++){
		document.images[i].src="inicial.jpg";
	}	
}

function cambia(){
	for(i=0;i<document.images.length;i++){
		document.images[i].src="cuadro[i];
	}
}

</script>

</head>
<body onload="carga();setTimeout('cambia()',3000);" onunload="carga()">

afelipe · #16 (**permalink**) 02/05/2006, 02:14

jejeje recurri a html como una alternativa mas simple..

para lo que estoy usando php es para visualizar las imagenes que se encuentran en el directorio y subdirectorio donde se encuentra el script
ademas... estoy usando un guestbook en php

ia no me interesa usar lowsrc... puesto que no es estandar ni aceptado

y frankamente pense en usarlo para que los visitantes se dieran una idea sobre como era la imagen.. pero ahora que lo dicen, es inutil usar lowsrc..
primero pense.. ¿si alguien nos visita con netscape?.. jejeje por eso la insistencia xD

al parecer se ha cerrado la discusion y los conejos..
gracias a todos =)