Ciao a tutti,
nn so dove sbattere la testa. io vorrei crearmi una rotazione di immagini ogni tot secondi . Le immagini sono lo sfondo della pagina web.
Posto il codice che ho :
codice:
<?
$image_dir = "./images/";
$image_relative_path = './images';
$file_types = array('jpg','jpeg','gif','png');
$image_time = '4000';
if($handle = opendir($image_dir)) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
$ext_bits = explode(".",$file);
foreach($ext_bits as $key => $value){
if(in_array($value,$file_types)){
$image_rotation .= '[*][img]'.$image_relative_path.'/'.$file.'[/img]';
}
}
}
}
closedir($handle);
}
?>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery.innerfade.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$('#image_rotate').innerfade({
speed: 'slow',
timeout: 4000,
type: 'sequence'
});
});
</script>
<ul id="image_rotate" style="list-style: none;">
<?= $image_rotation; ?>[/list]
</body>
</html>
Come faccio a crearmi le immagini di sfondo che si adattano allo schermo e che occupoano tutta lo schermo?
Ciao a tutti