Foros
Contenido de variables dinámico

Autor Fecha: 22 de Diciembre del 2006 a las 19:51:30   Descripción: Ninguna
Sin avatar
Sexo: Masculino
Edad: 21 años
Ubicación: Poza Rica, Veracruz
País:
Mensajes: 1269
Jajaja... el problema esta al relacionar el html, con el javascript... y bueno, un tanto de php...

Código
echo '<script type="text/javascript">
<!--
function initImage&#40;id&#41; &#123;
image = document.getElementById&#40;id&#41;;
setOpacity&#40;image, 0&#41;;
image.style.visibility = "visible";
fadeIn&#40;id,0&#41;;
&#125;
function fadeIn&#40;objId,opacity&#41; &#123;
if &#40;document.getElementById&#41; &#123;
obj = document.getElementById&#40;objId&#41;;
if &#40;opacity <= 100&#41; &#123;
setOpacity&#40;obj, opacity&#41;;
opacity += 10;
window.setTimeout&#40;"fadeIn&#40;'"+objId+"',"+opacity+"&#41;", 100&#41;;
&#125;
&#125;
&#125;
function setOpacity&#40;obj, opacity&#41; &#123;
opacity = &#40;opacity == 100&#41;?99.999&#58;opacity;
// IE/Win
obj.style.filter = "alpha&#40;opacity&#58;"+opacity+"&#41;";
// 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;
&#125;

// -->
</script>
<img src="loading.gif" width="134" height="100"  id="loading.gif" onLoad="initImage&#40;'loading.gif'&#41;;">';

Van las explicaciones y notas...

1.- Cuando se pasa "javascript a php" es necesario hacer que se respeten los saltos de línea, en muchos de los casos, de lo contrario, el script no trabaja como debiera... Los saltos de línea van con n al final de cada linea obviamente.

Ejemplo:

Código
echo "<script language="javascript" type="text/css">n";
echo "function tu_funcion &#123;n";
echo "&#125;n";
echo "</script>n";

Este en teoria trabajaria... con o sin saltos... pero scripts más complejos y extensos no...

2.- Tienes que fijatarte, como se relaciona la imagen con el javascript... para ello basta ver la imagen...

Código
<img src="loading.gif" width="134" height="100"  id="loading.gif" onLoad="initImage&#40;'loading.gif'&#41;;">

Fijate... id="loading.gif"... onload="initImage('loading.gif')"... obviamente a las imagenes del bloque se hará lo mismo, y donde va el nombre de la imagen... pues iria el nombre de la imagen (que para ser preciso seria la url)... sin embargo... existe algo mejor.

Se usa loading.gif, solo como id o referencia a la imagen y nada más (ya revise el javascript)... pero no necesariamente tiene que ser el nombre de la imagen... se me ocurre usar un contador en el bucle, y hasta cambiarlo por el bucle for y no el while...

Los cambios para que funcione en el bloque... serian los siguientes...

Esto:

Código
while&#40;list&#40;$Img, $id, $Nomb, $Descr&#41; = $db->sql_fetchrow&#40;$result&#41;&#41; &#123;

Por esto:

Código
for&#40;$c = 1; list&#40;$Img, $id, $Nomb, $Descr&#41; = $db->sql_fetchrow&#40;$result&#41;; $c++&#41; &#123;

Y esto (Observa que parte cambio):

Código
<img src='$Img' title="Clicka aquí para ver el juego">

Por esto:

Código
<img id="$c" src='$Img' title="Clicka aquí para ver el juego" onLoad="initImage&#40;'$c'&#41;;">

Asi de simple... seria obligatorio donde va id... la url de la imagen, si existiera un sistema de precarga en el script... pero no lo hay.

Saludos Muy bien

P.D. Veo que en tu web has hecho ese efecto... pero con otro script... bueno igual les servirá mi respuesta a algunos...
Completo Perfil Privado Website