[Risolto] bootstrap carousel su gantry

[$Red]

ciao a tutti, vi chiedo un aiuto sto cercando di inserire il carousel di bootstrap il template è gantry copio il codice dalla pagina ufficiale

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">…</div>
<div class="item">…</div>
<div class="item">…</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;[/url]
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;[/url]
</div>inserico il path delle immagini e l'altezza <img src="/images/il_locale/biergarten/biergarten_01.jpg" alt="300"> visualizzo la prima immagine ma se clicco per scorrerla il carousel sparisce c'è qualcuno che mi aiuta a capire come funziona vi ringrazio molto

[$Red]

ho fatto un pò di test e sembrerebbe un conflitto, infatti con il template protostar funziona perfettamente, ho provato ad installare jquery easy ma continua a non funzionare  questo il report di jquery

Codice: [Seleziona]

jQuery Easy Modifications Report
    jQuery is loaded by the template
    Bootstrap is loaded by the template
    re-ordered header libraries
    removed jQuery library /media/jui/js/jquery.min.js
    added the jQuery library https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js
    added jQuery.noConflict();
    added the jQuery UI library https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js
    added the jQuery UI CSS file https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css
    removed 1 empty script tag(s)
    removed 201 blank line(s)
    Execution time (in seconds): 0.016177177429199
questo il codice che utilizzo:

Codice: [Seleziona]

<div id="myCarousel" class="carousel slide">
            <div class="carousel-inner">
              <div class="item active">
                <img src="/images/il_locale/sala1/inverno_03.jpg" alt="300">
                <div class="carousel-caption">
                  <h4>Prima immagine</h4>
                  <p>Descrizione prima immagine....</p>
                </div>
              </div>
              <div class="carousel-inner">
              <div class="item">
                <img src="/images/il_locale/biergarten/biergarten_01.jpg" alt="300">
                <div class="carousel-caption">
                  <h4>Seconda immagine</h4>
                  <p>Descrizione seconda immagine...</p>
                </div>
              </div>
             </div>
              <div class="item">
                <img src="/images/il_locale/biergarten/biergarten_01.jpg" alt="300">
                <div class="carousel-caption">
                  <h4>Terza immagine</h4>
                  <p>Descrizione terza immagine...</p>
                </div>
              </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;[/url]
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;[/url]
          </div>Grazie 

[mau_develop]

debugga con firebug

[$Red]

ciao M_W_C grazie dell'aiuto, ho analizzato l'intera pagina con firebug e anche solo il carousel ma non da errori ho provato anche ad installare il plugin per firebug illuminations e vedeva che si caricavano 2 versioni di jquery, quindi ho provato a disabilitare jquery easy ma niente, ho provato anche a disabilitare tutti i moduli presenti sulla pagina e lasciare solo il carousel ma non funziona comunque, ho creato un account te lo mando in pvt magari se hai tempo e voglia ci dai uno sguardo tu perche io mi sono arenato proprio 

Edit: ho scoperto che il problema è con il menu, sia inserito con la gestione di gantry che con RokNavMenu, ma sinceramente non so proprio come risolvere 
 

[mau_develop]

prova a guardare qs:
http://forum.joomla.it/index.php/topic,211839.0.html

[$Red]

ciao M_W_C ho letto il tuo topic e ho visto la pagina che hai linkato però sinnceramente non so come utilizzare quegli script, ho provato ad inserirli nel'index del template ma non funziona  ieri sera googlando ho trovato questo articolo molto interessante, su come inserire bootsrap in gantry, ho scaricato il pacchetto per joomla 3, inserito il codice in template-options.xml e visualizzo le opzioni per attivare, carousel, tooltip, ecc.., di bootsrap nel pannello di controllo di gantry, caricato i 2 file nelle cartelle indicate ed effettuata la modifica al file /less/global.less, ma sinceramente il codice che c'è dove dice Now our feature non so dove vai inserito o che file bisogna creare, siccome mi piacerebbe molto avere questa funzionalita in gantry potresti vedere un attimo l'articolo e dirmi come fare per favore? grazie 

Edit: adesso sono riuscito a farlo funzionare non avevo attivato la prima opzione on/off che si inserisce modificando template-options.xml

però comunque se dai uno sguardo all'articolo e mi dai qualche consiglio mi farebbe veramente piacere grazie mille, anche perche non riesco a tenere le immagini tutte alla stessa altezza, è possibile? grazie ancora

[mau_develop]

.. sì ma guarda che punti sulla persona sbagliata ... io con js sono limitato
comunque ho visto che i problemi che ha joomla con l'esterno è perchè vanno in conflitto gli script con jquery ..poi se in mezzo c'è mootols... giocano a "rubarsi" gli oggetti della pagina ...
l'altro problema è quando si mischiano le librerie e le versioni