Back to top

Autore Topic: slide show  (Letto 1955 volte)

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
slide show
« il: 06 Mar 2017, 19:17:58 »
salve ho creato una slideshow utilizzando il seguente codice:
<div id="mySlide" class="carousel slide">
<div class="carousel-inner">
<div class="item active"><img src="/images/slideshow/estrazione_olio.jpg" />
<div class="carousel-caption">
<h4>Estrazione</h4>
<p>Particole dell'estrazione....</p>
</div>
</div>
<div class="item"><img src="/images/slideshow/olivo_paesaggio.jpg" />
<div class="carousel-caption">
<h4>Olivi secolari</h4>
<p>E' da millenni un cui si coltivano questi meravigliosi alberi...</p>
</div>
</div>

il funzionamento è ok, se non fosse che per attivare la sequeza bisogna premere la freccia di scorrimento. come è possibile attivare lo scorrimento delle foto in modo automatico.
grazie

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:slide show
« Risposta #1 il: 06 Mar 2017, 20:26:58 »
Ciao, prova cosi non se funziona però sicuramente qualcuno piu esperto ti darà altri info in caso

Codice: [Seleziona]
<div id="myCarousel" class="carousel slide" data-interval="3000">
il 3000 lo puoi sostituire con altri num per accellerare diminuire il tempo di slide

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:slide show
« Risposta #2 il: 06 Mar 2017, 21:28:40 »
nessun risulato

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #3 il: 06 Mar 2017, 21:30:33 »

<div id="mySlide" class="carousel slide">

come è possibile attivare lo scorrimento delle foto in modo automatico.
grazie

Prova così (aggiunto data-ride="carousel"):
<div id="mySlide" class="carousel slide" data-ride="carousel">

Cito dalla documentazione:
"The data-ride="carousel" attribute of the .carousel element tells the Bootstrap to start animating the carousel immediately when the page load. Whereas the data-interval attribute specifies the time delay between two slides."

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:slide show
« Risposta #4 il: 06 Mar 2017, 21:45:28 »
resta sempre la stessa immagine

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #5 il: 06 Mar 2017, 21:48:48 »
Vedi un po' qui su W3Schools.
C'è un esempio, perfettamente funzionante con autostart, con tutto il codice annesso.
« Ultima modifica: 06 Mar 2017, 21:50:30 da Limma »

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:slide show
« Risposta #6 il: 06 Mar 2017, 21:50:14 »
è normale che mi dia errore quando mi collogo alla pagina che hai linkato

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #7 il: 06 Mar 2017, 21:52:13 »
è normale che mi dia errore quando mi collogo alla pagina che hai linkato

No, nella fretta di creare il link mi sono incasinato...

Prova ora qui


Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:slide show
« Risposta #8 il: 06 Mar 2017, 22:42:24 »
ma carousel è supportato anche da  ie?

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #9 il: 06 Mar 2017, 22:48:34 »
Tra i vari browser ho IE 11 e il carousel di bootstrap gira perfettamente.
Avrai problemi con le versioni 8 e 9 di IE per via del mancato supporto a CSS3.

Sei riuscito a farla funzionare onpageload???

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:slide show
« Risposta #10 il: 06 Mar 2017, 22:53:20 »
purtroppo niente di fatto.
mi devi dare una mano.
gentilmente.

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #11 il: 06 Mar 2017, 23:03:25 »
ciao
scusate io non vi capisco  litigare nel creare una slide quando c'è ne una  marea gie bella e pronta solo l'imbarazzo della scielta
qui
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:slide show
« Risposta #12 il: 06 Mar 2017, 23:04:55 »
non stiamo affatto litigando ma limma mi sta solo aiutando.

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #13 il: 06 Mar 2017, 23:06:41 »
non stiamo affatto litigando ma limma mi sta solo aiutando.
nessuno a detto che state litigando  litare nel senso con il code quando come gia detto gia belle e pronte
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #14 il: 06 Mar 2017, 23:14:55 »
non stiamo affatto litigando ma limma mi sta solo aiutando.


In effetti conti1non ha torto, di slide ce ne sono molte, belle, free e facilmente configurabili.
Su un sito che sto per finire sto usando "DJ-ImageSlider", che mi sta piacendo parecchio.

In ogni caso, se il tuo è un "punto d'onore", intendo quello di fare funzionare il carousel di Bootstrap ti capisco. Appena ho un po' di tempo faccio una prova anch'io...  ;D
Litigare col codice mi è sempre piaciuto  ;)

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:slide show
« Risposta #15 il: 07 Mar 2017, 07:37:54 »
Appena ho un po' di tempo faccio una prova anch'io...  ;D

Prova fatta. Dai un'occhiata qui.

 



Web Design Bolzano Kreatif