slide stile deejay.it

[ovosodo]

ciao,
avrei bisogno di creare un'animazione tipo quella che si trova in basso a sinistra sul sito deejay.it, i sei box incorniciati nel marrone che si muovono uno sull'altro con il rollover.

sto cercando di capire come impostare la cosa, prima ancora che entrare nel tecnico.

voi come la fareste?

[mauragorn]

puo crare i tre contenitori marroni (poi falli come vuoi giusto per capirsi) e gestirne il rollOver e il rollOut con una funzione che li sposta:
non vorrei essere troppo tecnico ma semplice semplice la puoi intendere tipo:
considerando che i box hanno due stati un che li sposta fuori(verso sinistra) e uno quando rientrano(verso destra)

crei due funzioni generiche che generano il movimento:

function muoviVersoSinistra(){
//azione che muove la _x verso sinistra}
function muoviVersoDestra(){
//azione che muove la _x verso destra}

e successivamente richiami le funzioni rispettivamente al rollOver e al rollOut del box marrone:

mioBoxMarrone.onRollOver=function(){
muoviVersoSinistra(this)
}
mioBoxMarrone.onRollOver=function(){
muoviVersoDestra(this)
}
in questo modo al "roll" del box richiami la funzione che hai creato e gli dici di applicarla a se stesso(this)

....e meno male che non dovevo essere troppo tecnico
...bhe a me sembra il metodo migliore considerando che poi nei tuoi box puoi metterci cio che vuoi...

ciaociao

[ovosodo]

ok,
l'avevo pensata anch'io così, ma come scriveresti la funzione, considerando che sarebbe bello dargli anche un pò di inerzia?

[crescenzo]

se vai sul sito di pasavign ti scarichi il sorgente di quella cosa == ......mi sembra che si chiami tabslide.....
nella sua firma il link al suo garage

[ovosodo]

splendido!!!!

grazie a te e a lui!!!!

[crescenzo]

Originariamente inviato da ovosodo
splendido!!!!

grazie a te e a lui!!!!