Autore Topic: [Risolto] bootstrap carousel su gantry  (Letto 3202 volte)

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5111
  • "Bastard Inside"
    • Mostra profilo
    • redwebsite
[Risolto] bootstrap carousel su gantry
« il: 01 Set 2013, 09:12:32 »
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
« Ultima modifica: 03 Set 2013, 16:55:34 da $Red »
alterjoomla Guide joomla altervista - RedWebSite  joomla! e non solo joomla

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5111
  • "Bastard Inside"
    • Mostra profilo
    • redwebsite
Re:bootstrap carousel su gantry
« Risposta #1 il: 01 Set 2013, 16:45:40 »
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  :'(
alterjoomla Guide joomla altervista - RedWebSite  joomla! e non solo joomla

mau_develop

  • Visitatore
Re:bootstrap carousel su gantry
« Risposta #2 il: 01 Set 2013, 17:24:18 »
debugga con firebug

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5111
  • "Bastard Inside"
    • Mostra profilo
    • redwebsite
Re:bootstrap carousel su gantry
« Risposta #3 il: 01 Set 2013, 19:25:23 »
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  :'(
 
« Ultima modifica: 01 Set 2013, 20:16:36 da $Red »
alterjoomla Guide joomla altervista - RedWebSite  joomla! e non solo joomla

mau_develop

  • Visitatore
Re:bootstrap carousel su gantry
« Risposta #4 il: 01 Set 2013, 20:29:58 »

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5111
  • "Bastard Inside"
    • Mostra profilo
    • redwebsite
Re:bootstrap carousel su gantry
« Risposta #5 il: 02 Set 2013, 10:11:41 »
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  ;D

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
« Ultima modifica: 02 Set 2013, 10:21:36 da $Red »
alterjoomla Guide joomla altervista - RedWebSite  joomla! e non solo joomla

mau_develop

  • Visitatore
Re:bootstrap carousel su gantry
« Risposta #6 il: 02 Set 2013, 18:20:54 »
.. 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

 

Torna su