Autore Topic: [RISOLTO] slide show  (Letto 1727 volte)

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:[RISOLTO] slide show
« Risposta #20 il: 23 Mar 2017, 22:40:37 »
sai cosa ho notato tra l'ultima slide e linizio della prima,
 mi compare questo pezzo di codice:


  !function ($) {$(function(){// carousel demo$('#myCarousel').carousel()})}(window.jQuery)

Offline Limma

  • Abituale
  • ****
  • Post: 1125
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] slide show
« Risposta #21 il: 23 Mar 2017, 22:54:38 »
Stavo per risponderti!

Hai inserito il codice JavaScript nel posto sbagliato.
Se guardi l'html vedrai che dopo lo "script" hai due tag di chiusura:
</div></div>
Devi mettere il JavaScript sotto quei due tag </div>

Il tutto deve risultare così:
Codice: [Seleziona]
<div id="myCarousel" class="carousel slide" data-interval="1000">
<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/imago1.jpg"  /></p>
        <div class="carousel-caption">
        <p>Testo didascalia!</p>
        </div>
        </div>
                  <div class="item">
                  <p><img src="images/imago2.jpg"  /></p>
                  <div class="carousel-caption">
                  <p>Testo didascalia 2!</p>
                  </div>
                  </div>
                              <div class="item">
                              <p><img src="images/imago3.jpg"  /></p>
                              <div class="carousel-caption">
                              <p>Testo didascalia 3!</p>
                              </div>
                              </div>
  </div>
</div>
<script>
  !function ($) {
    $(function(){
      // carousel demo
      $('#myCarousel').carousel()
    })
  }(window.jQuery)
</script>
« Ultima modifica: 23 Mar 2017, 22:59:23 da Limma »

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:slide show
« Risposta #22 il: 23 Mar 2017, 23:02:24 »
grande...
complimenti per le tue capacità

grazie ancora

Offline far

  • Appassionato
  • ***
  • Post: 446
    • Mostra profilo
Re:[RISOLTO] slide show
« Risposta #23 il: 29 Mar 2017, 22:17:25 »
vorrei che le slide non fossere centrate al monitor ma che coprissero l'intero schemo da destra a sinistra come posso fare?

Offline Limma

  • Abituale
  • ****
  • Post: 1125
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] slide show
« Risposta #24 il: 29 Mar 2017, 22:55:19 »
vorrei che le slide non fossere centrate al monitor ma che coprissero l'intero schemo da destra a sinistra come posso fare?

...Vedo che hai cambiato template... E sei passato ad uno dei miei preferiti, il Purity III (rigorosamente free) basato sul T3 Framework. Corretto?
E hai quindi riutilizzato il Carousel di Bootstrap 3.

Per avere la slide "full width" (immagino tu intenda tipo questa), devi impostare dal backend del template - al tab "Layout" - il modello "corporate" che abilita una posizione modulo "slideshow" che permette di fare quello che vuoi.

Edit: forse ti conviene e sarebbe più opportuno aprire un nuovo thread, vista la richiesta diversa e il "risolto" cha appare in questo topic...
« Ultima modifica: 29 Mar 2017, 22:57:13 da Limma »

 

Host

Torna su