0
J'utilise le code suivant pour sélectionner des images dynamiquement à partir d'un dossier puis les afficher en diaporama .. mais ce code sélectionne seulement la première image ... s'il vous plaît guide moi où est l'erreur. ..Sélectionnez dynamiquement des images pour le diaporama en utilisant javascript
fichierPHP est: nommé: test.php
<?php
header("content-type: application/x-javascript");
function returnimages($dirname=".") {
$files = array();
$curimage = 0;
//valid image extensions
$pattern="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$)";
if($handle = opendir($dirname)) {
while(false !== ($file = readdir($handle))) {
if(eregi($pattern, $file)){
echo 'galleryarray[' . $curimage . '] = "' . $file . '";';
$curimage++;
}
}
closedir($handle);
}
return($files);
}
//Define array in JavaScript returnimages()
//Output the array elements containing the image file names
echo 'var galleryarray = new Array();';
?>
Le code HTML est:
<html>
<head>
<title></title>
<script src="test.php"></script>
<script type="text/javascript">
var galleryarray = returnimages();
var curimg = 0;
function rotateimages(){
// var imagesDirectory = "pics/" + galleryarray[curimg];
var imagesDirectory =galleryarray[curimg];
document.getElementById("slideshow").setAttribute("src", imagesDirectory)
curimg = (curimg < galleryarray.length - 1) ? curimg + 1 : 0
}
window.onload = function(){
setInterval("rotateimages()", 2500)
}
</script>
</head>
<body>
<img width="468" height="312" id="slideshow" src="Slide1.jpg">
</body>
</html>
Où est votre code qui a la fonction JS returnimages()? –
cette fonction est dans le fichier php – user1626899