Slideshow con jquery

[Strelecaster]

Salve, ho la necessità di creare una slide di immagini che carichi automaticamente tutti i file immagine son estensione .jpg che si trovano in una determinata cartella, senza inserire le immagini una per una. Così posso avere le immagini nella slide semplicemente caricandole nella cartella di riferimento. Premetto che non conosco java

Pensavo fosse un problema di PHP, infatti avevo aperto una discussione nella sezione php, ma dopo una serie di tentativi deduco che il problema sia dovuto al javascript, perchè anche eliminando lo script che richiama jquery il risultato non cambia.

Ho provato con i seguenti codici ma il risultato non è quello voluto, le immagini si incolonnano verticalmente e senza alcun effetto slide.

INSERISCO GLI SCRIPT TRA I TAG HEAD

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

<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>


INSERISCO I DIV NELLA SEZIONE DELLA 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>

 

[criric]

Ciao, a me funziona, guarda qui
ho solo agginto il css che non hai postato e tolto l'evento load su window che era inutile.

 $(document).ready(function () {
        var numPitc = $("img.slide").length;
        var actPitch = 0

        SlideShow(numPitc, actPitch);
    });

forse il problema è proprio sul css

 

[Strelecaster]

Ciao, ho dimenticato di postare il CSS, lo aggiungo ora, ho provato ad eliminare l'evento Load,ma non va comunque

<style>

.slide{

border:0;
height:200px;
width:200px;
position:absolute;
top:0;
left:0;
margin:20px auto;
}

#fotoBox{
position:relative;
height:200px;
}

</style>