<?php
$images_png=glob("images/*.png");//prelevo tutte le immagini png $images_jpg=glob("images/*.jpg");//prelevo tutte le immagini jpg $images_jpeg=glob("images/*.jpeg");//prelevo tutte le immagini jpeg $images_gif=glob("images/*.gif");//prelevo tutte le immagini gif $images_png[]="null";//imposto un valore nullo in ogni array per evitare errori da parte della funzione array_merge in caso alcuni array siano vuoti
$images_jpg[]="null";
$images_jpeg[]="null";
$images_gif[]="null";
$images=array_merge($images_png,$images_jpg,$images_jpeg,$images_gif);//unisco i tre array unset($images[array_search("null",$images)]);//elimino i quattro valori nulli che precedentemente ho inserito $n_images=count($images);//conto il numero di immagini ?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sliding Gallery</title>
<script language="javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script language="javascript" src="http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="sliding_gallery.css">
</head>
<body>
<div id="gallery">
<div id="content_images">
<div id="images" style="width:
<?=600
*$n_images;?>px;">
<? foreach($images as $src){?><img src="
<?=$src;?>" onload="load_images();" style="visibility:hidden;" />
<? }?></div>
</div>
<div id="sliding_bar">
<div id="scroll" style="width: <?=600/$n_images;?>px;"></div>
</div>
<div id="load">
<? if($n_images == 0){?>Non vi sono immagini nella Gallery!
<? }else{?>Caricamento...<div id="no_preload">(Salta pre-caricamento)</div>
<? }?></div>
<div id="pp">â– </div>
</div>
<script>
var time = 5000;//tempo di attesa tra un immagine e un altra
var animation_time = 1000;//tempo di durata dell'animazione
var manuality_next = true;//lo scroll automatico di default è attivo
var n_images = <?=$n_images;?>;//numero delle immagini nella galery
</script>
<script language="javascript" src="sliding_gallery.js"></script>
</body>
</html>
