Slideshow con jquery

Strelecaster

Nuovo Utente
6 Mag 2016
9
0
0
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

HTML:
<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>
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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.
Codice:
 $(document).ready(function () {
        var numPitc = $("img.slide").length;
        var actPitch = 0

        SlideShow(numPitc, actPitch);
    });
forse il problema è proprio sul css
 

Strelecaster

Nuovo Utente
6 Mag 2016
9
0
0
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>
 
Discussioni simili
Autore Titolo Forum Risposte Data
L jquery slideshow con anteprima jQuery 10
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Slideshow immagini con effetto FADE HTML e CSS 2
V Creare slideshow con immagini esterne Ajax 1
A problema slideshow con visualizzazione mobile HTML e CSS 6
Emix Slideshow con div sovrapposto HTML e CSS 5
F Codice Random Javascript con slideshow Javascript 3
S Problemi con slideshow HTML e CSS 0
R Immagini con Link (modulo e slideshow) Joomla 0
P Slideshow orrizontale con link WordPress 0
J creazione di un slideshow con pagine html HTML e CSS 3
Max 1 SlideShow con JQuerry jQuery 0
G Slideshow con immagini e testi Javascript 1
B mi consigliate una slideshow con thumbnails? Flash 1
A creare slideshow con Fireworks Webdesign e Grafica 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
F [PHP] Slideshow video PHP 0
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
ANDREA20 [Javascript] Slideshow Gallery Javascript 0
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
I [CSS3]Problema slideshow multiple HTML e CSS 2
dakko96 slideshow doppia jQuery 0
G Aiuto slideshow joomla3x Joomla 4
R Slideshow di immagini in HTML5 HTML e CSS 1
S Slideshow immagini automatica senza specificare il file immagine PHP 7
I Slideshow HTML e CSS 4
L SlideShow in js Javascript 1
F Plugin Metaslider (Slideshow Wordpress) WordPress 1
C slideshow numero immagini Javascript 5
Devil-94 javascript slideshow Javascript 1
D Come far ripartire una gif quando si rivisita la pagina dello slideshow WordPress 1
J Slideshow e gallerie manuali HTML e CSS 19
G Slideshow e Posizionamento DIV HTML e CSS 8
M Simple Slideshow jQuery 1
R Errore Slideshow - "Attenzione lo script non risponde" Joomla 1
R Uso Immagini per Slideshow Joomla 0
C aggiungere link foto slideshow HTML e CSS 2
K Aiuto per slideshow HTML e CSS 4
L Slideshow non cambia le foto Flash 7
G problema caricamento condizionale slideshow FlexSlider Javascript 0
M [RISOLTO]Fermare slideshow immagini al passaggio del mouse. jQuery 3
F Slideshow Javascript 0
M sezione news del mio sito collegata a uno slideshow nella home page PHP 0
P Bug IE 7/8 slideshow inserito in pagina html5 Parallax HTML e CSS 4
P Bug IE 7 slideshow inserito in pagina html5 Parallax Javascript 1
M Come dire al mio slideshow di non scrollare all'infinito! jQuery 23
F aiuto slideshow Javascript 0
F personalizzazione slideshow Javascript 0
L Banner e slideshow Flash 1

Discussioni simili