Fx.scrollOut come fare l'inverso???

[Donovant]

Allora la domanda sembra strana, ma se conoscete la libreria "moo.rd" avrete capito di cosa parlo.

In particolare con l'effetto "Fx.scrollOut" vorrei sapre come fare per attivare un evento che porti in vista un "DIV" nascosto (magari con un overflow), e non a nasconderlo come porta l'esempio "http://www.moord.it/examples/effects_move", quindi l'esatto contrario.

Ad esempio con la funzione "scrollOut Down", la cosa che non capisco è che se imposto un DIV2 (che si trova dentro un DIV1) fuori dal DIV1 con "overflow:hidden", e attivo la funzione "scrollOut Down" in IE il DIV2 non rimane nascosto....ma si nasconde solo in un punto che è quello nel quale di sposta il div...so che a parole sembra complicato...
Grazie.

[artorius]

sai che la funzione che ti avevo scritto nell'altro thread faceva esattamente questo?

[Donovant]

Mi spiace ma non faceva questo...o cmq se sei sicuro, che magari come l'ho spiegata io non si capisce molto bene, mettila online che vedo come viene e ti dico se intendo quello o no.

[artorius]

http://artorius.netsons.org/prove/sc..._Donovant.html

[Donovant]

Il mio caso è così:

************************
*   DIV1                               *
*                                        *
*        **********              *
*        * DIV2        *             * 
*        *               *             *
*        *               *             *
*        **********              *
*                                        *
*                                        *
*                                        *
************************
                DIV3 

Andando nel DIV2 il DIV3 (nascosto) deve salire.
GRAZIE!!!

[Donovant]

Ho risolto in parte facendo così

var scrollOpts = {duration:1000,
initialize:function() {this.element.setStyle('top','80px');}};

var scrollUp = new Fx.ScrollOut('info', scrollOpts);

$('pic').addEvents({
'mouseenter' : function(){
scrollUp.cancel();
scrollUp.start('reset');
},
'mouseleave' : function(){
scrollUp.cancel();
scrollUp.start('down');
}
});

Ma ancora ho un "piccolo" problema...in Firefox il div si vede a più a sinistra in IE a destra...
come mai???

di seguito riporto i CSS di "info"

div#info{ border:1px solid White; float:left; display:inline;
margin:16px 0 0 0px; /*padding-bottom:20px;*/ height:80px;
}

Grazie

[artorius]

togli display:inline; innanzi tutto, poi non puoi pubblicare il link che ci do un'occhiata più approfondita?

[Donovant]

Ora il problema è che se io ho un quadrato con 2 immagini, vorrei che quando si entra in un IMg1 escano le info di Img1 e quando vado su Img2 le info di Img2, ora il problema è che si escono le info, ma info di Img1 escono posizionate in modo corretto, mentre le info di Img2 escono più sotto, e non nella stessa posizione occupata precedentemente dalle info Img1....impostando il CSS con stessa "top:10px;" non va ugualmente.
Come fare?

[artorius]

metti il link dov'è pubblicato il sito che devo vedere il codice in azione per dirti come cambiarlo.

[Donovant]

Qui il link senza effetto