Cartier

[vagabund]

Avevo già chiesto tempo fa come si ottenesse questo effetto ma non è mai giunta un'istruzione funzionante.
Se visitate il sito http://www.cartier.com e andate negli oggetti vedrete come basti passare con il mouse da un oggetto all'altro per veder scorrere nell'altra istanza in grande le foto dell'oggetto in questione.
Ma la cosa straordinaria è come lui riesca a capire dove si trova in quel preciso istante e a tornare indietro o andare avanti nella giusta successione.
Come è possibile realizzare un effetto del genere?
Ciao...grazie.

[pasavign]

Un sistema, non necessariamente l'unico, è questo:
1) una barra contenente tutte le immagini
2) tale barra è mascherata in maniera da consentire la visualizzazione di un solo riquadro per volta
3) la maschera è in un posizione fissa, per cui, per far vedere una determinata immagine, è sufficiente far scorrere la barra in maniera che detta immagine si trovi esattamente sotto la maschera.
4) in altri termini basta agire sul valore della coordinata x del movieclip barra.
5) le voci del menu non fanno altro che variare tare valore di coordinata in maniera da posizionare l'immagine relativa sotto la maschera.

esempio.
Assumiamo di avere tre immagini: profumo, collana, orologio.
Le immagini hanno tutte la stessa dimensione, in particolare sono tutte larghe 300 px.
Dette immagini sono inserite in un movieclip, una di fianco all'altra.
Per questo le coordinate (ralativamente al mc) sono:
- profumo _X = 0
- collana _X = 300
- orologio _X = 600

Ai pulsanti del menu: profumo, collana, orologio,
sarà sufficiente associare l'impostazione della coordinata X ai valori di 0, 300, 600.

OK?

[vagabund]

Innanzitutto grazie per la risposta.
Ok invece solo + o -
Il fatto che tutto sia una barra di immagini sotto una maschera l'avevo capito anch'io.


Ora però, se è vero ciò che dici tu, non ho idea di cosa devo andare a scrivere nell'azione del pulsante....voglio dire..proprio come sintassi e comandi...

Seconda cosa è che comunque dubito che una volta inseriti i comandi come dici tu lui al cambiare pulsante passi per tutte le foto presenti tra una e l'altra.
Allora tu hai fatto l'esempio con le foto: "profumo" "collana" "orologio"

Nota come, sempre da sito Cartier, se tu passi dal pulsante che nell'esempio che hai fatto tu è "orologio" (ovvwero l'ultimo) a "profumo" che è il primo tu vedi comunque passare anche "collana".

[pasavign]

Il concetto è quello che ti ho detto nel mio post precedente, oviamente la coordinata _X attribuita NON deve essere applicata al moviceclip "tout-court" bensì fornita come "punto di arrivo" di un movimento "decelerato".

Vedi in proposito (per il moto decelerato) questo articolo:
http://flash-mx.html.it/guide/view_l...dguida=6&id=83

[vagabund]

Gran bel casotto...meglio lasciar perdere...

[pasavign]

Ti arrendi così, davanti al primo ostacolo?

Suvvia, non è da te!
Personalmente ritengo che le difficoltà siano uno stimolo!
Hai mai provato a salire sulla vetta di una montagna?
Non dico un'arrampicata, anche una semplice sgambata su un sentiero ben tracciato, con unico ostacolo la volontà di proseguire che, col fiato che manca, potrebbe venir meno?
Ebbene quando arrivi in cima, oppure al rifugio, insomma alla meta prefissata, sai che soddisfazione!
E durante la salita il paesaggio muta continuamente, non una piatta pianura!

Se hai voglia di continuare ti posso dare una mano, ma se proprio hai intenzione di gettare la spugna, non mi ci metto nemmeno!

Fammi sapere...

[vagabund]

Ecco...ho trovato la risposta che diverso tempa fa qualcuno mi diede.
il suggerimento era questo:



crea un clip [foto]

e ci inserisci le foto dentro, poi lo porti sulla root e iserisicquesto codice:


code:--------------------------------------------------------------------------------
onClipEvent (load) {
intervallo = foto._width/8; <-- se sono 8 foto
velocita = 10;
base_x = foto._x;
menu = 0;
}
onClipEvent (enterFrame) {
arrivo_x = base_x - intervallo * menu;
foto._x = (arrivo_x - foto._x) / velocita + foto._x;
}
--------------------------------------------------------------------------------

crei il menù con pulsanti ed isersci questo codice:


code:--------------------------------------------------------------------------------
on (rollover) {
foto.menu = 0;
}
//sul primo pulsante

on (rollover) {
foto.menu = 1;
}
//per il secondo etc...




Tu ora cosa mi dici?
Secondo te funziona?
fammi sapere perchè francamente non ho ben capito bene come intedesse fare il tutto.

Sì ok creo un movie con dentro le foto ma già solo qui quante domande:
1) tutte sullo stesso livello?
2) Se sì devo poi dare una interpolzaione movimento?

Ho provato ad inserire le foto nel movie clip a cui ho dato il nome "foto".
L'ho messo in scena e poi ho provato a dare quell'azione sia sulla time line la prima volta che sul movie nello stage la seconda volta, ma il risultato è che in entrambi i casi mi dà un errore nella finestra di output.
Cacchio possibile che sia così semplice?
Chi ha fatto quel sito ha veramente pelo ad usare flash.

[pasavign]

Che ne dici di questo esempio?

http://digilander.libero.it/pasavign.../fotoslide.swf

[Minimal]

Bellissimo esempio!

E' possibile avere il file sorgente?

[vagabund]

Originariamente inviato da pasavign
Che ne dici di questo esempio?

http://digilander.libero.it/pasavign.../fotoslide.swf

Dico che se ci facessi vedere come si fa forse ci farebbe + piacere