Pasar datos de PHP a JScript

Neoxs · #1 (**permalink**) 03/09/2011, 07:19

Hola Amigos de Foros, los consulto por lo siguiente:
Tengo una página en php en la que debería aparecer un banner que iría "rotando" las imágenes que muestra. eso lo logré con este script que puse en HEAD de la página:

Código:

<script language="jscript" type="text/jscript">
array_imagen = new Array(3)
array_imagen[0] = new Image(989,35)
array_imagen[0].src = "video.ig"
array_imagen[1] = new Image(989,35)
array_imagen[1].src ="doc.gif"
array_imagen[2] = new Image(989,35)
array_imagen[2].src ="xls.gif"

contador=0

function Cambiar_Banner(){
	window.document["banner"].src = array_imagen[contador].src
	contador ++
	contador = contador % array_imagen.length
	setTimeout("Cambiar_Banner()", 40000)
}

El problema que tengo es que el nombre de las imágenes queda fijo. Lo que necesito es pasarle el nombre de las imágenes por una consulta que hago en PHP a MySQL.
Cómo puedo hacer?
Desde ya muchas gracias
saludos

Logotytype · #2 (**permalink**) 03/09/2011, 10:58

en cualquier momento de tu codigo puedes colocar <?php ?> asi puedes hacer las consulta en la base de datos de los nombres de las imagenes antes de llegar al primer

array_imagen[0].src = "video.ig"

de tal manera que podria quedar asi:

array_imagen[0] = new Image(989,35)
array_imagen[0].src = "<?php echo $imagenes[0]; ?>"
array_imagen[1] = new Image(989,35)
array_imagen[1].src ="<?php echo $imagenes[1]; ?>"
array_imagen[2] = new Image(989,35)
array_imagen[2].src ="<?php echo $imagenes[1]; ?>"

en donde el array de php $imagenes debes crearlo antes con una consulta a la base de datos.

Neoxs · #3 (**permalink**) 05/09/2011, 04:19

Hola Logotytype; antes que nada gracias por tu respuesta!
La duda que tengo es que yo el array y el script los tengo en el HEAD de la página, por lo que se cargan antes que cualuier consulta que haga en PHP dentro del BODY.
Probé de poner el array y el script dentro del BODY pero no me muestra las imágenes.
Qué estoy haciendo mal?
Saludos

Neoxs · #4 (**permalink**) 05/09/2011, 12:39

Logotytype, puse la consulta PHP en el HEAD y pude llenar el array de JScript con los datos que me devuelve MySQL. De hecho en Internet Explorer el script funciona de maravillas.
Pero en Firefox no logro que muestre las imágenes... Si miro el código fuente veo que el array se cargó, pero Firefox no carga las imagenes. En cambio, si lleno el array "a mano" (sin usar PHP), el script anda bárbaro en Firefox.
Se te ocurre qué pueda estar pasando?
Saludos

deivisvb28 · #5 (**permalink**) 05/09/2011, 14:45

Ejemplo con Jquery me dice si tiene alguna duda.

<?php
$arrayImg[] = array("urlImg" => 'img_file/imagen_thumbs/img4e493fa80bd3452QIFW.jpg');
$arrayImg[] = array("urlImg" => 'img_file/imagen_thumbs/img4e493fa80bd3452QIFW.jpg');
$arrayImg[] = array("urlImg" => 'img_file/imagen_thumbs/img4e4c9d68705bbBGWK40.jpg');
$arrayImg[] = array("urlImg" => 'img_file/imagen_thumbs/img4e493fa80bd3452QIFW.jpg');
$arrayImg[] = array("urlImg" => 'img_file/imagen_thumbs/img4e4945168f954BBPG02.jpg');

?>
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

<?php
echo "array_imagen = new Array(".count($arrayImg).");\n";
while (list($key, $arrayInfoImg) = each($arrayImg)) { ?>
array_imagen[<?php echo $key;?>] = '<?php echo $arrayInfoImg["urlImg"];?>';
<?php
}
?>
var countImg = 0;
function cambiarBanner(){
$("#banner").attr("src",array_imagen[countImg]);
countImg ++;
countImg = countImg % array_imagen.length;
setTimeout("cambiarBanner()", 4000);
}

$(document).ready(function(){
cambiarBanner();
});

</script>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<img src="" id="banner">
</html>