Buenos días Sres. del foro:
Mi inquietud es la siguiente, quiero realizar una presentación de imágenes con JavaScript y en el web he entontrado opciones muy interesantes, no obstante requiero que la misma sea dinamica. Con esto quiero decir que mi script pueda presentar las imágenes que se encuentran en un directorio de lado del servidor, evidentemente JavaScript no trabaja de lado del servidor, por lo que mi intención es utilizar PHP para que este cree un arreglo con la ruta y las imágenes contenidas en ese directorio de manera que si agregue o elilmine una de ellas el php le indique a JavaScript el contenido exacto de imágenes.
Ahora bien, hice una pequeña programación en php con extensión ".php" para que me muestre las imágenes vía browser y se realiza perfectamente, sin embargo, cuando integro esta progamación el JavaScript este no pasa el arreglo de PHP a JS.
Me gustaría saber que puedo estar haciendo mál, a no ser que la programación PHP no se esté ejecutando dato que la extención del trabajo final está en ".html".
Cuales han de ser mis opciones,
* Corregir mi programacón...?
* Utilizar Otro Método...?
Agradecería a todos aquellos que puedan orientarme para lograr este objetiivo que al final es colectivo.
Saludos y gracias mil
Mi Programación es esta...
<html>
<head>
<title>WebDesignHelper.co.uk - Page Template 81</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="FW MX DW MX HTML">
<link href="form.css" rel="stylesheet" type="text/css">
<script language="javascript">
alert("acabo de entrar");
var imagenes = new Array();
<?php
$extensions = array('jpg','jpeg','gif','png','bmp');
$folfer="images/";
$handle = opendir($folder);
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
// obtener extension del archivo
$ext = strtolower(substr(strrchr($file, "."), 1));
// almacenamos en el array
if(in_array($ext, $extensions)){
//$imagenes[] = "../".$folder.$file;
$imagenes[] = $file;
$items=items+1;
}
}
}
closedir($handle);
$i=0;
while ($i <= $items-1) {
#echo "<img src='".$imagenes[$i]."' align='absmiddle'>";
echo "\n imagenes['".$i."'] = '".$imagenes[$i]."';";
}
echo "\n imagenes[0][num_params] = '".$imagenes[$items]."';";
#echo "\n imagenes[0] = '".$items."';";
#echo "\n";
?>
alert("sali del proceso PHP")
//************************************************** ****************************/
var segundos = 2 //cada cuantos segundos cambia la imagen
var dire = "images" //directorio o ruta donde están las imágenes
if(dire != "" && dire.charAt(dire.length-1) != "/")
{dire = dire + "/"}
alert(imagenes[1])
alert(dire);
var preImagenes = new Array()
for (pre = 0; pre < imagenes.length; pre++){
preImagenes[pre] = new Image()
preImagenes[pre].src = dire + imagenes[pre]
alert(pre)
}
cont=0
function presImagen(){
alert("Entre a presimagen")
alert(cont)
document.foto.src= dire + imagenes[cont]
subeOpacidad()
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('bajaOpacidad()',segundos *1000)
}
var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false;
var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
var opa = iex ? 100 : 1;
function bajaOpacidad(){
eval(opa)
if(opa >= 0){
cambia()
opa -= iex?10:0.1;
setTimeout('bajaOpacidad()',10)
}
else{presImagen()}
}
function subeOpacidad(){
opaci = iex?100:1;
if(opa <= opaci){
cambia()
opa += iex?10: 0.1;
setTimeout('subeOpacidad()',10)
}
}
function cambia(){
eval('document.foto.' + fi + ' = opa')
}
var tiempo
function inicio(){
clearTimeout(tiempo)
bajaOpacidad()
}
//<img src="images/justicia1.jpg" name="foto" id="foto" alt="alena y juan" onclick="inicio()" / >
</script>
</head>
<body bgcolor="#666666" topmargin="50" marginheight="50">
<div id=”stylized” class=”myform”>
<img src="images/justicia1.jpg" name="foto" id="foto" alt="alena y juan" onClick="inicio()" / >
</div>
</body>
</html>