barra de carga en todas las imagenes automaticamente

[animaliens]

Hola de nuevo a todos!!!



supongamos ke alguien hizo una pagina y puso unas... 30 imagenes en divs position absolute y paso horas y horas ordenandolas para ke se vean bien, midiendo las distancias entre una y otra etc... jejeje

mas ke una suposicion es la realidad... mi realidad, es lo ke hice hehehe

bueno... me preguntaba si existe alguna posibilidad de ke todas las imagenes en divs, no las que estan fuera de divs, solo las ke estan en divs, puedan mostrar automaticamente una barrita de carga...
se ke debe ser tema viejo pero bueno, estoy aprendiendo heheh

y ya ordené todas las divs en la pagina asi ke bueno si no se puede las dejo asi, pero tenia la duda.

espero no molestar y ke sea una buena pregunta ke ayude a los demas foristas!!!

besiños

Edicion: esto lo agregué despues de postear...

kizas se puede mediante CSS?
darle un atributo con javascript a las divs?

[alanreid]

vos y las imagenes..

Estuve buscando en internet y no encontré algo como lo que pedís, peeeeerooo... se me ocurre que le pongas un id diferente a cada layer y que hagas un loop a la función que se encarga del preloading...
Por ahi se puede hacer algo a partir de esto:
http://www.dynamicdrive.com/dynamici...eloadimage.htm

En este momento estoy medio ocupado estudiando (tengo 2 parciales la semana que viene ) y laburando.. pero en cuanto me desocupe un poco te lo adapto..

Si hay alguien pila que se anime a avanzar hasta entonces, adelante nomás

Salu2
Alan

[animaliens]

Alan mi sos mi salvavida haha :P
estudia trankilo plis!!!!!!!!!!!!!!!!!!!!!!!!!

olvidate por un ratito de internet asi es mas facil

[animaliens]

kreo ke ya enkontré la solucion here: http://www.albin-world.com/aw-js/jsgallery.jsp

voy a ver como funciona ese sistema y les cuento

Creo qu eeste es el script que mas se ajusta a lo que necesito
Pero todos los ke encuentro son para cargar paginas enteras o para cargar a partir de un link
grrr
Precarga (preloader) en AJAX
http://www.cristalab.com/tutoriales/...oader--en-ajax

[animaliens]

Al final use otro codigo hehehe

y funciona pero no funciona


document.write("");
window.onload = function() {initImage()}
function initImage() {
imageId = 'thephoto';
image = document.getElementById(imageId);
setOpacity(image, 0);
image.style.visibility = 'visible';
fadeIn(imageId,0);
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = document.getElementById(objId);
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+") ", 100);
}
}
}

todo parece andar bien pero se ve la foto mientras descarga y me tapa el gif "loading"

aki un ejemplo online:

http://www.bolsonweb.com/test/Untitled-1.html

[alanreid]

Me alegro que hayas encontrado algo!
Mirá.. creo que con CSS podés arreglar ese tema.
Tendrías que tener el gif de loading en un div y establecer que div está por encima del otro.
Al que querés que vaya abajo, ponele:

 z-index:-1; 
  

y al que querés que vaya arriba, ponele:

 z-index:1; 
  

ó nada.. ya que el z-index por default es 0, que es mayor a -1

Salu2
Alan

[musky]

Tal como dice Alan, el z-index es la propiedad que da la posicion con respecto a otros elementos...
Si tengo varias imagenes el que tenga z index mas alto (cualquier numero entero) se vera primero.

Saludos.-