Bluring Slide

[Flep]

Ecco una nuova risorsa gratuita per Flash CS3. Si tratta di una semplice slide di immagini.
Cosa fa:
- legge da un file XML
- carica le immagini
- visualizza le immagini con un effetto blur di transizione
_ visualizza una descrizione per ogni immagine che prende dal file XML

facile da configurare

BLURING SLIDE

Flash CS3+XML

Descrizione:

Slide Show di immagini che legge da un fileXML

Carica le immagini e le visualizza a rotazione

Visualizza una descrizione per ogni immagine

Pacchetto files :

main.fla

Main.as

LoadingXML.as

ImageLoader.as

immagini.xml

cartella con immagini di prova

readme.txt

Importante : Aprire il file LoadingXML.as e alla riga 34 cambiare l' url di chiamata al file XML se necessario.

Opzioni file XML:

- attributo url, contiene l' url all' immagine da caricare

- attributo descrizione contiene la desccrizione dell' immagine

XML :

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<immagini>
		<img url="http://www.flepstudio.org/forum/images/img_0.jpg" descrizione="descrizione 1 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_1.jpg" descrizione="descrizione 2 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_2.jpg" descrizione="descrizione 3 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_3.jpg" descrizione="descrizione 4 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_4.jpg" descrizione="descrizione 5 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_5.jpg" descrizione="descrizione 6 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_6.jpg" descrizione="descrizione 7 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_7.jpg" descrizione="descrizione 8 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_8.jpg" descrizione="descrizione 9 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_9.jpg" descrizione="descrizione 10 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_10.jpg" descrizione="descrizione 11 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_11.jpg" descrizione="descrizione 12 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_12.jpg" descrizione="descrizione 13 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_13.jpg" descrizione="descrizione 14 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_14.jpg" descrizione="descrizione 15 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_15.jpg" descrizione="descrizione 16 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_16.jpg" descrizione="descrizione 17 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_17.jpg" descrizione="descrizione 18 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_18.jpg" descrizione="descrizione 19 scrivi quello che vuoi" />
		<img url="http://www.flepstudio.org/forum/images/img_19.jpg" descrizione="descrizione 20 scrivi quello che vuoi" />
	</immagini>
</root>

Allego i files sorgente:

[maxcondor]

ottima galleria ho migliorato la clip descrizione collocandola in basso e aggiungendo un filtro ombra e un rettangolo semitrasparente in modo da migliorarne la leggibilità. Vorrei integrare altre due cose. Impostare la durata di visualizzazione direttamente da XML e inserire magari qualche altro effetto di transizione oltre al blur. Un aiutino?

[Flep]

Ciao e benvenuto

Per quanto riguarda la durata di visualizzazione da XML, puoi fare così:
l' XML diventa come l' allegato.

Nella funzione completeHandler di LoadingXML.as, prima del ciclo for aggiungi:
_fla.speed=int(node.firstChild.attributes['speed']);

Aggiugi una proprietà in Main.as:
public var speed:int;

Nella funzione initTimer di Main.as, la chiamata al new Timer, diventa così:
timer=new Timer(speed,1);

Per quanto riguarda altre transizioni, sta a te sbizzarrirti

[maxcondor]

Mille grazie per l'aiuto, riguardo le transizioni provo a fare qualcosina.
As 3 per me è un campo nuovo, avevo preso confidenza con as2 adesso è cambiato di nuovo tutto... sig!

[mrsambo]

Ciao a tutti!!
Sono nuovo del forum e soprattutto delle funzionalità di actionscript 3.0.
Ho letto l'implementazione di Maxcondor riguardo l'area rettangolare da porre sotto la descrizione delle immagini; volevo sapere come fare un'area rettangolare "satinata" Grazie a tutti.

[mrsambo]

Ho risolto grazie alla risorsa "Pixellation"!
Ho prelevato da li il movieclip interessato e l'ho importato nella libreria del mio movieclip!

Ciao

[valesan]

è possibile fare in modo che la visualizzazione si fermi all'ultima immagine ?

grazie mille ;)

[Flep]

Devi correggere le ultime 2 funzioni: getBlur e goBlur.
Diventano così:

private function getBlur(evt:TimerEvent):void
		{
			if(id < clips_array.length-1)
				clips_array[id].addEventListener(Event.ENTER_FRAME,goBlur);
			timer.reset();
		}
		
		private function goBlur(evt:Event):void
		{
			var filters_array:Array=new Array();
			var blur:BlurFilter=new BlurFilter(blurX,blurY,BitmapFilterQuality.HIGH);
			filters_array.push(blur);
			evt.target.filters=filters_array;
			blurX++;
			blurY++;
			if(blurX>=31)
			{
				evt.target.removeEventListener(Event.ENTER_FRAME,goBlur);
				blurX=0;
				blurY=0;
				id++;
				go();
			}
		}

[storrisi]

Ciao,
questa risorsa è ottima..
vorrei integrarla in un'applicazione flex..hai qualche dritta su come fare?
grazie..

[Flep]

Ciao

Personalmente non uso Flex, non posso aiutarti.