banner of foto rotor
Onderstaand script leest alle foto's uit een bepaalde map in.
Nu is het de bedoeling dat ik er een foto roterend div kan in verwerken.
Iemand die mij op weg kan helpen?
// directory where image are stored
$dir = 'images';
// type of images accepted
$file_display = array('jpg','jpeg','png','gif');
// check if directory exists or not
if (file_exists($dir) == false){
// directory NOT found so stop
echo 'directory: ',$dir,' not found!';
exit;
}else{
// directory found so go on
// read the directory
$dir_content = scandir($dir);
// loop true the file content array
foreach ($dir_content as $file){
// remove the . and set to lowercase
$file_type = strtolower(end(explode('.',$file)));
if ($file !== '.' && $file !== '..' && in_array($file_type,$file_display) == true){
$photo = $dir.'/'.$file;
echo $photo,'<br>';
//echo '<div style="position:absolute" id="slide_show"><img src="'.$photo.'" name="slide" width="600" height="200"></div>';
}
}
}
in beide gevallen heb je jQuery nodig voor de animaties. sommige dingen kunnen css3 ook, maar wordt niet helemaal ondersteunt.
Wil je dat hij om de zoveel seconde een andere afbeelding laat zien, of als de pagina wordt ververst? Als het de eerste is, kijk eens naar javascript image rotator.
Gewijzigd op 07/08/2012 20:09:12 door Nick Dijkstra