Sito Adidas Flash

[simo18]

Salve a tutti, chi mi può aiutare? devo realizzare una foto come nel sito www.adidas.com che al passaggio del mouse compie la stessa azione! avete qualche idea su come creare una foto dinamica che al passaggio del mouse si ingrandisce? non mi interessa delle varie scritte al suo interno e dei vari collegamenti, mi interessa solo realizzare una foto che al passaggio del mouse si vede tutta!
Grazie ciao.

[Ms-Keng]

ma è solo una o sono più foto?


carica ogni foto in un mc, e poi crei una funzione di rollover dove rimpicciolisci le altre con le tween base di flash o tweenlite ed ingrandisci quella che ti interessa, ad esempio

import gs.TweenLite;
import gs.easing.*

tuoMcContenitore1.onRollover = function (){
 TweenLite.to(tuoMcContenitore1, 0.5, {_xscale:120, _yscale:120, ease:Expo.easeInOut});
 TweenLite.to(tuoMcContenitore2, 0.5, {_xscale:80, _yscale:80, ease:Expo.easeInOut});
} 

questo è solo un semplice esempio, dovresti impostare anche la posizione di entrambi i "contenitori" per fare l'effetto "allargo/stringo"

ps. sul sito da te postato questo lavoro però è fatto su una maschera all'interno dell'mc e sull'mc stesso.

il lavoro è lungo ma è semplice.

:=)

[simo18]

Grazie 1000! il lavoro però va fatto solo su una foto. Cambia qualcosa da ciò che mi hai spiegato?

[Ms-Keng]

no, non cambia granché:

import gs.TweenLite;
import gs.easing.*

tuoMcContenitore1.onRollover = function (){
TweenLite.to(tuoMcContenitore1, 0.5, {_x:46(posizione finale), _y:43(posizione finale),_xscale:120(dimensione finale), _yscale:120(dimensione finale), ease:Expo.easeInOut});
} 

ti consiglio di fare così, creati un mc temporaneo, o anche solo un rettangolo, della dimensione che deve avere la tua foto iniziale, segnati larghezza altezza e posizioni

poi creane un altro delle dimensioni della tua foto finale con le rispettive posizioni.

questo ti servirà per creare la Tween.

NB. le parentesi dove c'è scritto posizione finale, sono solo come commento quindi non devi inserirle, il codice dovrà essere simile a questo, in AS2.

Ricorda inoltre di impostare bene il punto di registrazione del tuo mc contenitore.

quindi al centro a sinistra se vuoi che la foto si espanda verso destra, al centro se vuoi che si espanda su sx e dx in egual misura, a dx se vuoi si espanda verso sinistra.

ricorda inoltre che con il codice che ti ho inserito allargherai /stretch) la foto, se vuoi invece che la foto rimanga inalterata e vuoi solo farne vedere di +, devi assegnare questo codice anzicché al mc contenitore nel quale carichi la foto, alla maschera, quindi per motivi di semplicità a quel punto ti consiglierei di creare due mc, uno annidato dentro l'altro.

quello annidato lo imposti come maschera, il livello mascherato caricherà al suo interno la foto, così avrai esattamente quell'effetto del sito da te postato.

cià.

import gs.TweenLite;
import gs.easing.*

tuoMcContenitore1.onRollover = function (){
TweenLite.to(tuoMcContenitore1, 0.5, {_x:46, _y:43,_xscale:120, _yscale:120, ease:Expo.easeInOut});
tuoMcContenitore1.useHandCursor=false; //questo serve per non far visualizzare la manina quando passi sulla fotografia
} 

[simo18]

Thanks!! gentilissimo, spero di riuscirci mi metto all'opera!