hola... normalmente uso php... pero ahora me veo obligado a usar javascript para hacer unos detalles... xD!!...
lo q quiero hacer es una imagen en miniatura y q al hacerle click se vea en tamaño original. lo q ya lo hice y funciono...
la cosa es q para q se haga la miniatura tengo q refrescar la pagina.
el codigo q use es el siguiente...
en el header...
Código:
<script type="text/javascript">
var maximoancho = 605;
var Ancho = null;
var Url;
var img;
function PrecargarImagen(Url){
Ancho = null;
img = new Image();
img.src = Url;
img.onLoad=EscribirDocumento();
}
function EscribirDocumento(){
if (img.width > maximoancho){
Ancho="width='300'";
document.write ("<table align='center' cellspacing='0' bordercolor='#000000' bgcolor='#fefee1' " + Ancho + " \"><tr><td align='center'>Click para agrandar la imagen (" + img.width + "x" + img.height + ")</td></tr></table><a href='" + Url + "' rel='lightbox' title='Visor de imagenes SuperBalgas'>");
}
document.write ("<img src=" + Url + " alt='La imagen no esta disponible.' " + Ancho + " border='0' />");
if (img.width > maximoancho){
document.write ("</a>");
}
}
</script>
y desde php, solicito la funcion PrecargarImagen + url...
Código:
<script type="text/javascript">Url="$1";PrecargarImagen(Url);</script>
este ultimo script esta en un array...
todo esto funca... pero tengo q mandarle un refresh a la pagina para q me haga las miniaturas...
probe con img.onLoad=EscribirDocumento(); como puse anteriormente, para hacer q al cargar la imagen continue con lo demas... asi ya tiene las dimenciones de la imagen en las variables.
...
no quiero hacer spam ni nada.. pero se puede ver como queda en
superbalgas.com.ar/foro/noticias/nuevo-sistema-de-imagenes
asi para q tengan una idea de lo q quiero hacer...
pd: pence q ya lo habia logrado, despues me fije bien y tengo problemas con eso.
Salu2! y gracias de antemano...
Edit: me acabo de dar cuenta q en internet explorer sale peor! -.-"