problema imagemenu e ie6

[t1t]

sto cercando di utilizzare il menu http://www.phatfusion.net/imagemenu/ su un sito che sto realizzando,
ma come al solito IE6 mi da problemi e non capisco perchè...

il sito è
www.lebonatte.it/beta/

[artorius]

e che problema ti da?

[t1t]

che con IE6 il menù con le slide non appare proprio..

[artorius]

seriamente sono stupito che funzioni il tutto:
Usi Prototype, jQuery, YUI e Mootools contemporaneamente e le librerie non vanno d'accordo.

Probabilmente funziona perché usi le funzioni che non sono sovrascritte (tranne una di shadowbox che causa errore) e, sfortunatamente, in IE6 tutto JS viene bloccato anche per un singolo errore.

Seriamente, ma che te ne fai di tutte quelle librerie? Le funzioni particolari le trovi per ognuna di esse.

[t1t]

sto provando diversi effetti java ma non sono molto ferrato, mi sto avvicinando da poco a java e ajax

1) shadowbox (che ho già usato in passato senza problemi) che mi usa yui
2) jcarousel per le foto nella sezione appartamenti che usa jquery
3) lo slidemenu che usa mootools


come posso fare per utilizzarne solo uno tra yui, jquery e mootols?

[artorius]

Originariamente inviato da t1t
sto provando diversi effetti java ma non sono molto ferrato, mi sto avvicinando da poco a java e ajax

Casomai Javascript che JAVA è un'altra cosa

1) shadowbox (che ho già usato in passato senza problemi) che mi usa yui

Se avessi letto il sito originale, avresti notato che gli adapter non sono solo per Yui:
http://mjijackson.com/shadowbox/doc/....html#adapters

2) jcarousel per le foto nella sezione appartamenti che usa jquery

Puoi trovare lo stesso effetto per ogni altra libreria...
http://www.moord.it/examples/glider_reader
http://code.google.com/p/missingmeth...ts/wiki/Glider

3) lo slidemenu che usa mootools

Stesso discorso del carousel

come posso fare per utilizzarne solo uno tra yui, jquery e mootols?

Scegli una libreria e cerchi gli effetti per quella.

[t1t]

ok, ho capito dove potrebbe essere il problema, sinceramente anche per me avere tutte questa accozzaglia di librerie non mi piacevano... da quello che ho capito posso usarne una sola richiamandone in modo adeguato le sue funzioni...

secondo te quale libreria mi conviene usare?

grazie mille per la mano che mi stai dando

[t1t]

ho provato a togliere tutto e lasciare solo mootools per far funzionare imagemenu... ma nisba

[artorius]

in ogni caso ti conviene scaricarti l'ultima versione di MooTools e partire da li.

Secondo me, se eviti di usare l'idea di quel tipo e te la rifai da solo fi prima...

se posso suggerire:

X HTML:

<div id="imageMenu">
    <ul>
        <li class="home">[url="index.php?page=home"]home[/url]
        <li class="prodotti">[url="index.php?page=appartamenti"]prodotti[/url]
        <li class="showroom">[url="index.php?page=dovesiamo"]showroom[/url]
        <li class="showromsimon">[url="index.php?page=itinerari"]Urban[/url]
        <li class="dove_siamo">[url="index.php?page=infoprezzi"]dove_siamo[/url]
        <li class="servizi">[url="index.php?page=cucina"]servizi[/url]
        <li class="contatta">[url="index.php?page=news"]contatta[/url]
        <li class="lavori">[url="index.php?page=chiacchiere"]lavori[/url]
        <li class="offerte">[url="?lingua=eng"]offerte[/url]
    [/list]
</div> 

X CSS:

#imageMenu ul{
   list-style: none;
   padding: 0px;
   margin: 0px;
}
            
#imageMenu li{
   width: 55px;
   height: 99px;
   overflow: hidden;
   float: left;
} 
#imageMenu a{
    display: block;
    width: 299px;
    height: 99px;
}

li.home{
  background: transparent url(..) no-repeat;
}
...
e tutti gli altri elementi con l'immagine di sfondo 

X JS:

var maxWidth = 299, minWidth = 25, normalWidth = 55;
        
window.addEvent('domready', function(){
   var kwicks = $$("#imageMenu li");
   var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
   kwicks.each(function(kwick, i) {
    kwick.addEvent("mouseenter", function(event) {
        var o = {};
        o[i] = {width: [kwick.getStyle("width").toInt(), maxWidth]}
        kwicks.each(function(other, j) {
            if(i != j) {
                var w = other.getStyle("width").toInt();
                if(w != minWidth) o[j] = {width: [w, minWidth]};
            }
        });
        fx.start(o);
    });
   });
        
   $("imageMenu").addEvent("mouseleave", function(event) {
    var o = {};
    kwicks.each(function(kwick, i) {
        o[i] = {width: [kwick.getStyle("width").toInt(), normalWidth]}
    });
    fx.start(o);
   })
    
}); 

P.S. usando mootools1.2 ( http://mootools.net/download ) dovrai usare sia il "core" che il "more".

Se poi metti lo shadowbox assicurati di aver scaricato l'ultima versione, con l'adapter di Mootools, in lingua italiana:
http://www.mjijackson.com/shadowbox/doc/download.html