Scroller di immagini

[Flep]

Hola Che !

*Ecco una nuova risorsa gratuita per Flash CS3. Si tratta di uno scroller di immagini.
Cosa fa:
- legge da un file XML
- carica le immagini e crea le corrispettive anteprime
- se il mouse non tocca lo scroller, le immagini scrollano da sinistra verso destra e viceversa, altrimenti prendono la posizione in base alla X del mouse
- al click dell' anteprima apre un pop-up contenente la corrispettiva immagine

facile da configurare

IMAGES SCROLLER

Flash CS3+XML+Javascript

Descrizione:

Scroller di immagini che legge da un fileXML

Carica le immagini e le ridimensiona creando le anteprime

Al click dell' anteprima apre un pop-up contenente l' immagine rispettiva

Pacchetto files :

main.fla

Main.as

LoadingXML.as

Caricatore.as

images.xml

cartella con immagini di prova e rispettivi pop-ups

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 source, contiene l' url all' immagine da caricare

- attributo popup contiene l' url al file html che verrà aperto come pop-up

XML:

<?xml version="1.0" encoding="UTF-8"?>
<images>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_0.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_0.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_1.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_1.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_2.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_2.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_3.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_3.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_4.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_4.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_5.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_5.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_6.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_6.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_7.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_7.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_8.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_8.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_9.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_9.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_10.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_10.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_11.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_11.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_12.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_12.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_13.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_13.html"></item>
	<item source="http://www.flepstudio.org/utilita/ImagesScroller/images/pic_14.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_14.html"></item>
</images>

Allego i files sorgente:

[BboyMasa]

ho un paio di domande :) come faccio a togliere i pop up quando si clicca??? è possibile reindirizzare ogni immagine su una finestra a mio piacimento e far andare lo slider + lento??? :D sks x tt queste domande

[Flep]

Riguardo le pagine:
nel fils XML, inserisci gli url delle pagine ( nell' attributo popup ), poi apri il file Main.as e la funzione openPopUp ( l' ultima in basso ) diventa così:

private function openPopUp(evt:MouseEvent):void
		{
			var js:URLRequest=new URLRequest();
			js.url=objects_array[evt.currentTarget.id].pop;
			navigateToURL(js,'_self');
		}

Riguardo la velocità, intendi quando il mouse ci è sopra o quando scorre da sola ?

[BboyMasa]

grazieeeeeeeeeeeeeeeeeeeeeeeeeee qunado scorre da sola e magari anke per il mouse (ke nn ci avevo pensato :D)

[Flep]

La velocità di quando scorre da sola è gestita dalla riga 30 di Main.as.
Sostituiscila con questa:
private var speed:Number=0.5;
in questo modo dimezzi la velocità.

Con il mouse sopra non si tratta più di velocità ma di posizione del mouse stesso.
Più ti sposti dal centro e più le scorre veloce.

[BboyMasa]

ah ok allor ava benissimo così grazie mille :D poi posto i risultati (nn rompo + )

[BboyMasa]

sks il doppio post nn trovo il tasto edit...carica le immagini 2/2 ma poi nn partono

[Flep]

Mi fai vedere l' XML che stai usando

[BboyMasa]

ecco:

<?xml version="1.0" encoding="UTF-8"?>
<images>
    <item source="http://www.litoraledomizio.it/lt/flash/images/achille.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_0.html"></item>
    <item source="http://www.litoraledomizio.it/lt/flash/eurotel.jpg" popup="http://www.flepstudio.org/utilita/ImagesScroller/images/pop_1.html"></item>
</images>

ho lasciato l'indirizzo popup uguale xkè volevo provare prima lo slide. Cmq ho visto ke nn lo posso usare, xò voglio riuscire a far vedere ste img :D

[Flep]

Se tu clicchi quì:
http://www.litoraledomizio.it/lt/flash/eurotel.jpg

dice che l' immagine non esiste.