Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : Rasjah 02 Apr 2012, 11:27:47
-
ho fatto uno javascript in una pagina HTML che simula effetto di transizione graduale da stato normale a stato HOVER dei pulsanti del menu princilare posto a sinistra ( vedere menu a sinistra )
vedi link http://www.asd-ambrosiana.it/ (http://www.asd-ambrosiana.it/)
mentre la stessa cosa non funziona in joomla...( vedere menu a sinistra )
vedi link http://www.asd-ambrosiana.it/joomla (http://www.asd-ambrosiana.it/joomla)
Lo script è il seguente
[size=12pt][font=Times New Roman]<script type="text/javascript">
$(document).ready(function(){
$('.chi_siamo,.home,.la_storia,.dove_siamo,.calcio,.volley,.il_direttivo,.contatti').hover(function(){
$(this).stop().animate({'opacity' : '0'}, 550);
}, function(){$(this).stop().animate({'opacity' : '1'}, 200);});
});
</script>
lo messo nella parte <head> del mio file index.php ... ma nulla
Dove ho sbagliato..... :-[
-
ciao,
probabilmente in joomla non funziona perchè il jquery va in conflitto con il mootool di joomla.
usando il noconflict (http://api.jquery.com/jQuery.noConflict/) dovresti risolvere il problema.
-
Rasjah per cortesia non aprire più topic per lo stesso problema,
se proprio devi dai un UP
cioè usa sempre lo stesso topic ..
-
chiedo scusa a 56francesco per la mia inottemperanza.... non si ripeterà più :-[
Comunque ho provato ricdata a fare come hai detto, ma nulla......
-
quasi ci sono.. Ho risolto in parte modificando il codice così:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('.chi_siamo,.home,.la_storia,.dove_siamo,.calcio,.volley,.il_direttivo,.contatti').hover(function(){
jQuery(this).stop().animate({'opacity' : '0'}, 550);
}, function(){jQuery(this).stop().animate({'opacity' : '1'}, 200);});
});
</script>
Il problema è che i pulsanti in stato hover scompaiono :'( , ora devo capire dove devo mettere mano al codice.... trovare un espertone di Jquery - Joomla
-
IMHO quel semplice effetto fade lo puoi fare anche con mootool, eviti così di caricare il jquery che ti appesantisce il caricamento delle pagine.
oppure si può fare anche in CSS3 (http://www.w3schools.com/css3/css3_transitions.asp) ;)
-
non ho mai usato mootool, mi sapresti dare una dritta su dove trovare qualcosa in merito..... o comunque faccio un bel cerca in rete. Per quanto riguarda i CSS3, preferivo non usarli, visto che IE >:( >:( >:( si incasina.....
-
Per ora ho risolto con il seguente codice
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('.chi_siamo,.home,.la_storia,.dove_siamo,.calcio,.volley,.il_direttivo,.contatti').hover(function(){
jQuery(this).css({opacity:0}).stop().animate({'opacity' : '1'}, { duration:500});
}, function(){jQuery(this).stop().animate({'opacity' : '1'}, 300);});
});
</script>
sono riuscito a fare una cosa dignitosa....
Grazie ricdata, per la dritta che mi hai dato per eliminare il conflitto dello script, mettendo
jQuery.noConflict()
per quanto riguarda la pesantezza del caricamento delle pagine, proverò a fare la stessa cosa con mootool
Per ora, va bene così ;D