Hello,

I'm having some trouble with getting some css to display a php slideshow in background-image. I don't know any php but I've seen it work with a php script that rotates images (changes on refresh) but not one that slideshows them.

If doing this in background-image is the problem, is there a php script that does a slideshow between divs? I've tried doing the slideshow within the div (as content) but it never turns out well.

Slideshow script: index.php
PHP Code:
<head>
<meta http-equiv="Content-Type" content="image/gif; charset=iso-8859-1" />
<title>Slideshow</title><!-- -->

<script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.lite.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#myslides').cycle({
        fit: 1, pause: 1, timeout: 4000
    });
});
</script>
<link rel="stylesheet" href="styles/dynamicslides.css" type="text/css" media="screen" />
</head>

<?php
$directory 
'images/slideshow';     
try {        
    
// Styling for images    
    
echo '<div id="myslides">';    
    foreach ( new 
DirectoryIterator($directory) as $item ) {            
        if (
$item->isFile()) {
            
$path $directory '/' $item;    
            echo 
'<img src="' $path '"/>';    
        }
    }    
    echo 
'</div>';
}    
catch(
Exception $e) {
    echo 
'No images found for this slideshow.<br />';    
}
?>

The script that worked*: rotate.php
PHP Code:
// --------------------- END CONFIGURATION -----------------------

$img null;

if (
substr($folder,-1) != '/') {
    
$folder $folder.'/';
}

if (isset(
$_GET['img'])) {
    
$imageInfo pathinfo($_GET['img']);
    if (
        isset( 
$extListstrtolower$imageInfo['extension'] ) ] ) &&
        
file_exists$folder.$imageInfo['basename'] )
    ) {
        
$img $folder.$imageInfo['basename'];
    }
} else {
    
$fileList = array();
    
$handle opendir($folder);
    while ( 
false !== ( $file readdir($handle) ) ) {
        
$file_info pathinfo($file);
        if (
            isset( 
$extListstrtolower$file_info['extension'] ) ] )
        ) {
            
$fileList[] = $file;
        }
    }
    
closedir($handle);

    if (
count($fileList) > 0) {
        
$imageNumber time() % count($fileList);
        
$img $folder.$fileList[$imageNumber];
    }
}

if (
$img!=null) {
    
$imageInfo pathinfo($img);
    
$contentType 'Content-type: '.$extList$imageInfo['extension'] ];
    
header ($contentType);
    
readfile($img);
} else {
    if ( 
function_exists('imagecreate') ) {
        
header ("Content-type: image/png");
        
$im = @imagecreate (100100)
            or die (
"Cannot initialize new GD image stream");
        
$background_color imagecolorallocate ($im255255255);
        
$text_color imagecolorallocate ($im0,0,0);
        
imagestring ($im255,  "IMAGE ERROR"$text_color);
        
imagepng ($im);
        
imagedestroy($im);
    }

*Caching prevents the div background from actually rotating, but navigating to the php file works fine.