[RISOLTO] slide show

[far]

salve, gentilmente potete aiutarmi.
utilizzo il seguente codice per una slideshow però mi pubblica tutte le foto senza lo scorrimento

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
      <img class="d-block img-fluid" src="/images/slideshow/oliveto.jpg" alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block img-fluid" src="/images/slideshow/olivo_paesaggio.jpg" alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block img-fluid" src="/images/slideshow/estrazione_olio.jpg" alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  
</div>



cosa devo fare

[Limma]

Un paio di settimane fa avevi aperto un thread "analogo", nell'ultimo post del quale ti avevo messo un link con un esempio di Slide-Carousel con lo scorrimento che parte automaticamente al caricamento della pagina (che era quello che cercavi di fare).
Rimetto qui il link, e qui sotto il codice con il quale l'esempio funziona:

Codice: [Seleziona]

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000"><!-- Indicators --><ol class="carousel-indicators">
<li class="active" data-target="#myCarousel" data-slide-to="0">&nbsp;</li>
<li data-target="#myCarousel" data-slide-to="1">&nbsp;</li>
<li data-target="#myCarousel" data-slide-to="2">&nbsp;</li>
<li data-target="#myCarousel" data-slide-to="3">&nbsp;</li>
</ol><!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active"><img src="images/ImagoTest/Orizzontale1.jpg" alt="Orizzontale1" /><div class="carousel-caption">
        <h3>Asiago</h3>
        <p>Laghetto di montagna</p>
      </div></div>
<div class="item"><img src="images/ImagoTest/Orizzontale2.jpg" alt="Orizzontale2" /><div class="carousel-caption">
        <h3>Aereo</h3>
        <p>In volo verso...</p>
      </div></div>
<div class="item"><img src="images/ImagoTest/Orizzontale3.jpg" alt="Orizzontale3" /><div class="carousel-caption">
        <h3>Mare</h3>
        <p>Il mare al tramonto sulle coste pugliesi</p>
      </div></div>
<div class="item"><img src="images/ImagoTest/Orizzontale4.jpg" alt="Orizzontale4" /><div class="carousel-caption">
        <h3>Gorizia</h3>
        <p>Panorama dal castello di Gorizia</p>
      </div></div>
</div>
</div>
Domanda: ma il codice che tu hai postato e che non fa quello che dovrebbe, l'hai preso dalla documentazione su Bootstrap 3?
E tu su quale template stai tentando di farlo funzionare?

[far]

si è vero...
grazie per il link
ma visualizzo solo la prima foto e lo scorrimento non si attiva

[far]

limma mi correggo, funziona quasi...
le immaggini scorrono solo se clicco su uno di quei puntini altrimenti non scorrono in automatico

[Limma]

limma mi correggo, funziona quasi...
le immaggini scorrono solo se clicco su uno di quei puntini altrimenti non scorrono in automatico

Non capisco cosa intendi esattamente...
La slide non va in automatico nel link che ho postato, o nelle tue prove???

[far]

nelle mie prove non vanno in automatico devo cliccare sui puntini che indicano la presenza delle slide

[Limma]

Ti rifaccio la domanda che ho posto prima:
Il codice che stai provando e che non fa quello che dovrebbe, l'hai preso dalla documentazione su Bootstrap 3?
Su quale template stai tentando di farlo funzionare?

[far]

il template è protostar
il codice ho copiato quello che mi hai allegato tu (con le opportune modifiche dei nomi delle immagini)

[Limma]

il template è protostar
il codice ho copiato quello che mi hai allegato tu (con le opportune modifiche dei nomi delle immagini)

Io ho utilizzato il codice per BootStrap 3; l'esempio che hai visto in azione gira su template Helix 3 che usa Bootstrap 3.
Protostar utilizza Bootstrap 2. Prova il codice che trovi qui (documentazione ufficiale su BootStrap 2.3.2).

Non metto le mani avanti, ma pochi giorni fa un utente ebbe un problema analogo con l'accordion di BootStrap, problema risolto quando si accorse di utilizzare il codice relativo alla versione 3 di BootStrap su un template con BootStrap 2...

[far]

niente di fatto.
come posso risolvere

[far]

c'è qualche modo per aggiornare a bootstrap 3

[Limma]

niente di fatto.
come posso risolvere

Ho fatto una prova in locale con Protostar.

Questo l'html che ho usato (quello linkato prima da documentazione ufficiale BootStrap 2.3.2):

Codice: [Seleziona]

<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><p><img src="images/HomeIta.jpg"  /></p></div>
<div class="item"><p><img src="images/HomeIta.jpg"  /></p></div>
<div class="item"><p><img src="images/HomeIta.jpg"  /></p></div>
</div>
<!-- Carousel nav -->
<a href="#myCarousel" class="carousel-control left" data-slide="prev">&lsaquo;[/url] <a href="#myCarousel" class="carousel-control right" data-slide="next">&rsaquo;[/url]
</div>
Subito sotto l'html del carousel ho inserito questo:

Codice: [Seleziona]

<script>
  !function ($) {
    $(function(){
      // carousel demo
      $('#myCarousel').carousel()
    })
  }(window.jQuery)
</script>
La slide ora parte automaticamente al caricamento della pagina...

[far]

limma sei davvero brava, grazie.

ho notato che sulla destra compare un punto nero e se clicco mi fa andare avanti le slide. come posso elimirare questi punti neri? questo è il sito
sotto le slide avevo messo degli aritcoli con l'immagine ora dopo i tuoi suggerimenti li fa scorrore.
mi puoi suggerire come inserire degli articoli sulla home page

grazie ancora

[Limma]

limma sei davvero brava, grazie.

In verità sono un maschietto... Non cambia nulla rispetto a ciò che scrivo sul forum - anche perché farei solo una figuraccia visto il livello over the top di alcune ragazze che frequentano il forum - ma giusto per la cronaca. 

ho notato che sulla destra compare un punto nero e se clicco mi fa andare avanti le slide. come posso elimirare questi punti neri?

Intendi i tre "pallini" in alto a dx sulle foto, uno dei quali diventa bianco in corrispondenza alla foto visualizzata?
Elimina questa parte di codice dall'html del carousel e spariranno:

Codice: [Seleziona]

<ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>

sotto le slide avevo messo degli aritcoli con l'immagine ora dopo i tuoi suggerimenti li fa scorrore.
mi puoi suggerire come inserire degli articoli sulla home page

Qui mi sono perso... 
In ogni caso, se l'argomento non riguarda più la slide, meglio aprire un nuovo thread e segnalare questo come risolto. O no?

[far]

scusa....

no, mi riferisco alle palline nere che compare sulla destra e in basso.
visualizza il sito così vedi ante tu

[far]

mi correggo, quei cerchi neri non li visualizzo più... meglio così
grazie Limma, sei grande

[Limma]

Stavo per dirti che quei "palloni" erano associati a parti di codice html del carousel in "posti" dove non dovevano essere.
Nel frattempo cos'hai modificato?
La tua slide (ora perfetta!  ) è inserita in un "modulo personalizzato", giusto?

[far]

ho eliminato Carousel nav....

un ultima cosa, con il codice precedente in fondo alle slide si visualizzava oltre che una striscia trasparente anche la possibilità di inseire qualche messaggio, è possibile anche con il codice che mi hai dato?

[Limma]

Sì, si dovrebbero poter inserire delle didascalie.
Per ogni "div item" del carousel inserisci il codice qui sotto:

Codice: [Seleziona]

<div class="active item">
<p><img src="images/miaimmagine.jpg"  /></p>
<div class="carousel-caption">
<p>Testo didascalia!</p>
</div>
</div>
Non sto a dirti che nella mia prova funziona...! 

[far]

limma funziona alla perfezione...
ottimo
grazieeeeee