Salve, ho la necessità di creare una slide di immagini che caricherà automaticamente tutti i file immagine son estensione .jpg che si trovano in una determinata cartella, in modo da visualizzare le immagini che verranno caricate nella cartella, quindi senza inserire le immagini una per una.
Ho provato con i seguenti codici ma il risultato non è quello voluto, le immagini si incolonnano verticalmente e senza alcun effetto slide.
Qualche buon anima potrebbe aiutarmi, vista la mia scarsa conoscenza del php?
RICHIAMO JQUERY
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
INSERISCO IL CODICE NELLA PAGINA
<div id="fotoBox"><?php
foreach (glob("./assets/images/blog*.jpg") as $filename) {?>
<img src="/assets/images/blog/<?php echo basename($filename);?>" class="slide" alt="Slide" />
<?php
}
?>
</div>
INFINE CARICO IL SEGUENTE FILE DENTRO <HEAD>
<script>
$(document).ready(function(){
var numPitc=$(‘img.slide’).length;
var actPitch = 0
$(window).load(function () {
SlideShow(numPitc,actPitch);
});
});
function SlideShow(num,act){
if (num<=act) {act=0;$(‘img.slide’).slice(-1).fadeOut(‘slow’)}
$(‘img.slide’).slice(act-1,act).fadeOut(‘slow’)
$(‘img.slide’).slice(act,act+1).fadeIn(‘slow’)
act++;
setTimeout("SlideShow("+num+","+act+")",2000)
}
</script>
Ho provato con i seguenti codici ma il risultato non è quello voluto, le immagini si incolonnano verticalmente e senza alcun effetto slide.
Qualche buon anima potrebbe aiutarmi, vista la mia scarsa conoscenza del php?
RICHIAMO JQUERY
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
INSERISCO IL CODICE NELLA PAGINA
<div id="fotoBox"><?php
foreach (glob("./assets/images/blog*.jpg") as $filename) {?>
<img src="/assets/images/blog/<?php echo basename($filename);?>" class="slide" alt="Slide" />
<?php
}
?>
</div>
INFINE CARICO IL SEGUENTE FILE DENTRO <HEAD>
<script>
$(document).ready(function(){
var numPitc=$(‘img.slide’).length;
var actPitch = 0
$(window).load(function () {
SlideShow(numPitc,actPitch);
});
});
function SlideShow(num,act){
if (num<=act) {act=0;$(‘img.slide’).slice(-1).fadeOut(‘slow’)}
$(‘img.slide’).slice(act-1,act).fadeOut(‘slow’)
$(‘img.slide’).slice(act,act+1).fadeIn(‘slow’)
act++;
setTimeout("SlideShow("+num+","+act+")",2000)
}
</script>
