Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : $Red 01 Sep 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 (http://getbootstrap.com/2.3.2/javascript.html#carousel)
<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">‹[/url]
<a class="carousel-control right" href="#myCarousel" data-slide="next">›[/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
-
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
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:
<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">‹[/url]
<a class="right carousel-control" href="#myCarousel" data-slide="next">›[/url]
</div>
Grazie :'(
-
debugga con firebug
-
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 (https://addons.mozilla.org/it/firefox/addon/illuminations-for-developers/?src=userprofile) 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 :'(
-
prova a guardare qs:
http://forum.joomla.it/index.php/topic,211839.0.html
-
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 (http://conquatheme.com/index.php/blog/bootstrap/item/15-are-you-bootstrap-p-ed-already) 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
(http://conquatheme.com/images/blog/bootstrap.jpg)
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
-
.. 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