Slideshow immagini automatica senza specificare il file immagine

Strelecaster

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

Rikk73

Utente Attivo
7 Apr 2015
137
6
18
Arezzo
credo ti manchi uno slash dentro il glob()

PHP:
foreach (glob("./assets/images/blog/*.jpg") as $filename) {?>



scusa ma ho letto solo il codice e ho dato per scontato che non visualizzava le img.....
come non detto
 
Ultima modifica:

Strelecaster

Nuovo Utente
6 Mag 2016
9
0
0
Ciao Rikk73, grazie per la risposta ma a dire il vero le immagini si visualizzano, solo che risultano tutte incolonnate, invece dovrebbero (in teoria) apparire una alla volta a mo' di slide
 

Rikk73

Utente Attivo
7 Apr 2015
137
6
18
Arezzo
Si infatti, l'ho notato tardi......
Comunque credo che sia più un problema di jquery piuttosto che php.
 

Rikk73

Utente Attivo
7 Apr 2015
137
6
18
Arezzo
Credo che sicuramente dovrai comunque impostare il div con overflow:hidden, e le immagini con position:absolute e width e height al 100%
 

Strelecaster

Nuovo Utente
6 Mag 2016
9
0
0
Si le classi CSS le definisco in un file esterno. A riguardo dello script credo che tu abbia ragione, ho provato ad eliminare la stringa che richiama jquery e non è cambiato nulla, quindi deduco che non stava funzionando. Ho anche provato a richiamare jquery da file così:

)) ?>
<?=$this->js_include(array(
'@/assets/scripts/js/jquery-1.4.2.min.js',
)) ?>

inserito tra i tag <head> all'interno dei tag <script> ma non va

Non so, mi consigli di postare in un altra sezione del forum piuttosto che PHP?
 

Rikk73

Utente Attivo
7 Apr 2015
137
6
18
Arezzo
Credo che il problema sia proprio nello script per la rotazione, che quindi la sezione adatta sia quella javascript..
In ogni caso prova a modificare il setimeout con le virgolette delle variabili tra parentesi

Codice:
setTimeout("SlideShow('"+num+"','"+act+"')",2000)
 
Discussioni simili
Autore Titolo Forum Risposte Data
M [HTML] Slideshow immagini con effetto FADE HTML e CSS 2
V Creare slideshow con immagini esterne Ajax 1
R Slideshow di immagini in HTML5 HTML e CSS 1
C slideshow numero immagini Javascript 5
R Uso Immagini per Slideshow Joomla 0
R Immagini con Link (modulo e slideshow) Joomla 0
M [RISOLTO]Fermare slideshow immagini al passaggio del mouse. jQuery 3
T inserimento url su immagini in slideshow Javascript 4
Frank10 slideshow immagini in wordpress WordPress 2
W Adattare immagini slideshow a riquadro predefinito Webdesign e Grafica 0
Frank10 Non so come integrare una slideshow di immagini HTML e CSS 2
G Slideshow con immagini e testi Javascript 1
S Rollover slideshow su immagini! HELP!!!! Javascript 4
F [PHP] Slideshow video PHP 0
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
ANDREA20 [Javascript] Slideshow Gallery Javascript 0
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
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
S Slideshow con jquery Javascript 2
I Slideshow HTML e CSS 4
L SlideShow in js Javascript 1
A problema slideshow con visualizzazione mobile HTML e CSS 6
F Plugin Metaslider (Slideshow Wordpress) WordPress 1
Devil-94 javascript slideshow Javascript 1
D Come far ripartire una gif quando si rivisita la pagina dello slideshow WordPress 1
Emix Slideshow con div sovrapposto HTML e CSS 5
J Slideshow e gallerie manuali HTML e CSS 19
G Slideshow e Posizionamento DIV HTML e CSS 8
F Codice Random Javascript con slideshow Javascript 3
S Problemi con slideshow HTML e CSS 0
M Simple Slideshow jQuery 1
R Errore Slideshow - "Attenzione lo script non risponde" Joomla 1
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
L jquery slideshow con anteprima jQuery 10
F Slideshow Javascript 0
P Slideshow orrizontale con link WordPress 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
P Slideshow per sito in ASP Classic ASP 0

Discussioni simili