Come usare "Fx.ScollOut" della libreria moo.rd?

[Donovant]

Salve gente....mi servirebbe una mano a capire come usare un effetto della libreria moo.rd, in particolare "Fx.ScollOut" che fa parte degli "effects_move" di moo.rd...
Vorrei che al passaggio del mouse su un'immagine apparissero le info testuali in un "div" che c'è 200px più sotto (ovviamente con l'effetto suddetto).
Grazie.

[artorius]

immagino sia Fx.ScrollOut:

allora, devi solo creare il div che vuoi con un id (ad esempio <div id="MyScroll">Bla Bla</div>) ti conviene mettergli dimensione fissa (tipo width: 300px; height: 150px. Poi fai l'altro div, quello che ci passi sopra attiva l'effetto (<div id="TogglerScroll"></div>)

poi metti:

window.addEvent('domready', function(){
   var scrollOpts = {duration:1000, 
      initialize:function() {this.setStyle('top', '-150px');}};

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

   $('TogglerScroll').addEvents({
      'mouseenter' : function(){
         scrollUp.start('reset');
      },
      'mouseleave' : function(){
         scrollUp.start('up');
      }
   });
}) 

[Donovant]

HTML:

<div id="staffContent">
<div id="ciccio" >OOOOOOO
</div>

<div id="infoCiccio">Ciccio Cicciazzo Ciccio Cicciazzo

Ciccio Cicciazzo Ciccio Cicciazzo

Ciccio Cicciazzo Ciccio Cicciazzo

Ciccio Cicciazzo Ciccio Cicciazzo

Ciccio Cicciazzo Ciccio Cicciazzo
</div>
</div>

CSS:

div#staffContent{
border:1px solid Black; float:right; width:500px; text-align:center;
margin:20px 150px 0 0; display:inline; padding:0; height:370px;
}

passando su "ciccio" vorrei che le info del div "infoCiccio" salissero da sotto il "staffContent"???

scrivendo come mi hai deto tu...non succede niente, cosa sbaglio?
Grazie.

[artorius]

window.addEvent('domready', function(){
   var scrollOpts = {duration:1000,
      initialize:function() {this.element.setStyle('top', '-370px');}};

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

   $('ciccio').addEvents({
      'mouseenter' : function(){
         scrollUp.start('reset');
      },
      'mouseleave' : function(){
         scrollUp.start('up');
      }
   });
}) 

[Donovant]

Già fatto così nada......mmah!?!?

[artorius]

che errore di da la console di Javascript?

[Donovant]

Guarda io uso "Aptana" e non so come vedere gli errori che mi da da console....sorry!

[artorius]

quando fai andare la pagina con il browser preview nella parte sotto la finestra del browser ci sono i tag Validation, Console e Servers. Il tag console ha, indovina un po', l'output della console degli errori.

Comunque, guarda che ho fatto una modifica nel codice che ti ho postato in ultimo:

initialize:function() {this.element.setStyle('top', '-370px');}};

rispetto

initialize:function() {this.setStyle('top', '-150px');}};

perché generava un errore.

[Donovant]

Forse non mi sono spiegato...la finestra c'è, ma non mi da nulla in output.....!

[Donovant]

Io lo avevo già scritto in questo modo, e nada....