Fw

Wordpress Creative Developer

CU3ER: Fantastico SlideShow 3D Di Foto In Flash – 2 parte

  • Flash
  • -

Come promesso, oggi finiamo di vedere come personalizzare CU3R, lo fantastico slideshow di foto 3D in flash. Mi raccomando prima di leggere questo articolo ti consiglio vivamente di leggere la prima parte.

In particolare vediamo la prima parte del file config.xml, quella compresa tra i tag <settings>, che ti permetterà di gestire al meglio l’interfacca dello slideshow.

slideshowflash3d

Gli elementi che potrai inserire, e sui quali ti consiglio di leggere la documentazione per usarli al meglio, sono:

autoplay: aggiungendo questo nodo potrai impostare l’autoplay dello slideshow;

description: questo nodo servirò per aggiungere una descrizione;

preloader: questo nodo ti permetterà di inserire un preloader tra le slide;

next button:  inserisce lo sfondo del pulsante per passare alla prossima slide;

prev button: inserisce lo sfondo del pulsante per passare alla slide precedente;

next symbol: inserisce il simbolo (frecce di vario tipo che trovi nella documentazione) per passare alla slide successiva;

prev symbol: inserisce il simbolo  per passare alla slide precedente;

Per ogni elemento potrai gestire il suo aspetto e i comportamenti all’entrata, uscita e al passaggio del mouse sopra i controlli dell’interfaccia.

In particolare dovrai definire i tag defaults, tweenIn, tweenOut e tweenOver.

defaults

questo nodo è fondamentale per impostare le caratteristiche dell’elemento che andrai a inserire.

tweenIn

questo nodo è molto importante in quanto definirai come appariranno i controlli. Quindi potrai definire posizione, dimensioni, colore ecc. Gli elementi quindi entreranno alla fine della transizione di una slide.

tweenOut

con questo elemento potrai gestire il comportamento dell’uscita dei pulsanti dalla foto.

tweenOver

qui imposterai il comportamento al passaggio del mouse sopra gli elementi dell’interfaccia.

Quindi avrai una situazione di questo genere (dove al posto di xxxxx c’è l’elemento di cui si è parlato poco fa):

<cu3er>
<settings> <xxxxx*>
<defaults .../>
<tweenIn ... />
<tweenOut ... />
<tweenOver ... />
</ xxxxx*>
</settings>
</cu3er>

Poi per tweenIn, tweenOut e twinOver potrai utilizzare questi attributi:

time (numero)
delay (numero)
x (numero)
y (numero)
width (numero)
height (numero)
rotation (numero da 0 a 360)
tint (colore nel formato 0x000000)
alpha (numero da 0 a 1)
scaleX (numero da 0 a 1)
scaleY (numero da 0 a 1)

Vediamo un esempio concreto:

<prev_button>
<defaults round_corners="5,5,5,5"/>
<tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/>
<tweenOut tint="0x000000" />
</prev_button>

Come vedi puoi personalizzare in tantissimi modi lo slideshow. Prova a giocare un po’ con il codice, così potrai capire quali sono le impostazioni più adatte alle tue esigenze.

2 Commenti

  1. ciao ho trovato una applicazione simile che non ha bisogno di alcuna conoscenza su flash per l’utilizzo. Si chiama cu3ox e lo puoi trovare qui: http://cu3ox.com/
    Spero di esserti stato utile. ciao

  2. Ciao Lorenzo e benvenuto nel blog 😉

    Ti ringrazio molto per la segnalazione! mi sembra un altro ottimo slide. 😉

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *