Elastic Gallery

[Flep]

Ciauz !

Ecco a voi un' altra utilità gratuita Flash CS3 creata da FlepStudio.
Si tratta di una galleria immagini che legge da un file XML.
Questa galleria è visualizzata al 100% e per una corretta visualizzazione richiede una risoluzione minima di 1024x768.

ElasticGallery
galleria immagini Flash CS3 + XML

CLICCA QUI' PER VEDERLA

Descrizione

Galleria immagini Flash CS3.


Legge da un file XML.

Pacchetto files

main.fla

package org.flepstudio

package caurina ( Tweener di Zeh Fernando )

images.xml

cartella images con relative immagini

File XML:

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<images>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_0.jpg" url="http://www.flepstudio.org/forum/images/pic_0.jpg" description="Lorem Ipsum 1 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_1.jpg" url="http://www.flepstudio.org/forum/images/pic_1.jpg" description="Lorem Ipsum 2 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_2.jpg" url="http://www.flepstudio.org/forum/images/pic_2.jpg" description="Lorem Ipsum 3 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_3.jpg" url="http://www.flepstudio.org/forum/images/pic_3.jpg" description="Lorem Ipsum 4 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_4.jpg" url="http://www.flepstudio.org/forum/images/pic_4.jpg" description="Lorem Ipsum 5 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_5.jpg" url="http://www.flepstudio.org/forum/images/pic_5.jpg" description="Lorem Ipsum 6 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_6.jpg" url="http://www.flepstudio.org/forum/images/pic_6.jpg" description="Lorem Ipsum 7 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_7.jpg" url="http://www.flepstudio.org/forum/images/pic_7.jpg" description="Lorem Ipsum 8 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_8.jpg" url="http://www.flepstudio.org/forum/images/pic_8.jpg" description="Lorem Ipsum 9 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_9.jpg" url="http://www.flepstudio.org/forum/images/pic_9.jpg" description="Lorem Ipsum 10 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_10.jpg" url="http://www.flepstudio.org/forum/images/pic_10.jpg" description="Lorem Ipsum 11 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_11.jpg" url="http://www.flepstudio.org/forum/images/pic_11.jpg" description="Lorem Ipsum 12 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_12.jpg" url="http://www.flepstudio.org/forum/images/pic_12.jpg" description="Lorem Ipsum 13 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_13.jpg" url="http://www.flepstudio.org/forum/images/pic_13.jpg" description="Lorem Ipsum 14 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_14.jpg" url="http://www.flepstudio.org/forum/images/pic_14.jpg" description="Lorem Ipsum 15 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_15.jpg" url="http://www.flepstudio.org/forum/images/pic_15.jpg" description="Lorem Ipsum 16 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_16.jpg" url="http://www.flepstudio.org/forum/images/pic_16.jpg" description="Lorem Ipsum 17 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_17.jpg" url="http://www.flepstudio.org/forum/images/pic_17.jpg" description="Lorem Ipsum 18 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_18.jpg" url="http://www.flepstudio.org/forum/images/pic_18.jpg" description="Lorem Ipsum 19 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_19.jpg" url="http://www.flepstudio.org/forum/images/pic_19.jpg" description="Lorem Ipsum 20 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_20.jpg" url="http://www.flepstudio.org/forum/images/pic_20.jpg" description="Lorem Ipsum 21 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_21.jpg" url="http://www.flepstudio.org/forum/images/pic_21.jpg" description="Lorem Ipsum 22 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_22.jpg" url="http://www.flepstudio.org/forum/images/pic_22.jpg" description="Lorem Ipsum 23 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_23.jpg" url="http://www.flepstudio.org/forum/images/pic_23.jpg" description="Lorem Ipsum 24 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_24.jpg" url="http://www.flepstudio.org/forum/images/pic_24.jpg" description="Lorem Ipsum 25 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_25.jpg" url="http://www.flepstudio.org/forum/images/pic_25.jpg" description="Lorem Ipsum 26 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_26.jpg" url="http://www.flepstudio.org/forum/images/pic_26.jpg" description="Lorem Ipsum 27 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_27.jpg" url="http://www.flepstudio.org/forum/images/pic_27.jpg" description="Lorem Ipsum 28 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_28.jpg" url="http://www.flepstudio.org/forum/images/pic_28.jpg" description="Lorem Ipsum 29 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_29.jpg" url="http://www.flepstudio.org/forum/images/pic_29.jpg" description="Lorem Ipsum 30 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_30.jpg" url="http://www.flepstudio.org/forum/images/pic_30.jpg" description="Lorem Ipsum 31 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_31.jpg" url="http://www.flepstudio.org/forum/images/pic_31.jpg" description="Lorem Ipsum 32 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_32.jpg" url="http://www.flepstudio.org/forum/images/pic_32.jpg" description="Lorem Ipsum 33 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_33.jpg" url="http://www.flepstudio.org/forum/images/pic_33.jpg" description="Lorem Ipsum 34 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_34.jpg" url="http://www.flepstudio.org/forum/images/pic_34.jpg" description="Lorem Ipsum 35 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_35.jpg" url="http://www.flepstudio.org/forum/images/pic_35.jpg" description="Lorem Ipsum 36 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_36.jpg" url="http://www.flepstudio.org/forum/images/pic_36.jpg" description="Lorem Ipsum 37 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_37.jpg" url="http://www.flepstudio.org/forum/images/pic_37.jpg" description="Lorem Ipsum 38 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_38.jpg" url="http://www.flepstudio.org/forum/images/pic_38.jpg" description="Lorem Ipsum 39 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_39.jpg" url="http://www.flepstudio.org/forum/images/pic_39.jpg" description="Lorem Ipsum 40 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_40.jpg" url="http://www.flepstudio.org/forum/images/pic_40.jpg" description="Lorem Ipsum 41 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_41.jpg" url="http://www.flepstudio.org/forum/images/pic_41.jpg" description="Lorem Ipsum 42 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_42.jpg" url="http://www.flepstudio.org/forum/images/pic_42.jpg" description="Lorem Ipsum 43 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_43.jpg" url="http://www.flepstudio.org/forum/images/pic_43.jpg" description="Lorem Ipsum 44 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
		<image thumb="http://www.flepstudio.org/forum/images/thumbs/thumb_44.jpg" url="http://www.flepstudio.org/forum/images/pic_44.jpg" description="Lorem Ipsum 45 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."></image>
	</images>
</root>

Allego i files sorgente:

[ehijon]

yè! bella questa galleria... anche le modelle.... :D hihi

complimenti!

[peppoweb]

scusate ma potreste dirmi cortesemente come faccio a sostituire le foto, mettendo le mie.
E' la prima volta che uso flash.
grazie giuseppe

[Flep]

Ciao e benvenuto

Devi sostituire le foto nella cartella images e poi nel file XML devi sostituire gli url che puntatno alle foto con i nomi delle tue foto.

[santafe72]

Innanzitutto ciao a tutti.
Scusate ma sono nuovo di cs3.
Ho sostituito le immagini nella cartella images;
quindi eliminato nel file images.xml le immagini thumbs un quanto non necessito di anteprime (giusto?) e sostituito le url con quelle della mia nuova cartella immagini.
Ho eliminato anche i commenti e cancellato le righe in sovrappiù.
A questo punto apro flash e non so cosa fare...
Dovrei ripubblicare il file swf e html ma come é possibile modificare tutta l'applicazione se gli altri file non vengono cambiati?
Grazie anticipatamente.

[Flep]

Ciao e benvenuto

Non è possibile eliminare le anteprime da questa galleria.
Puoi cambiare le immagini ma le anteprime devono rimanere.
Quando hai cambiato le immagini, nel file XML scrivi i nomi delle nuove immagini e ripubblica l' SWF .

[haryia]

ciao!Ma come faccio a spostare le immagini grandi all'interno dello stage??Non trovo il punto di codice, dico spostarle di posizione... grazie

[Onsitus]

Buonasera,

prova in pic.as

1. per cambiare la x/y della foto stessa
loader.x=x-loader.width/2;
loader.y=y-loader.height/2;

Poi serve cambiare pure la x/y, del sfondo, direi nella funzione 'completo', aggiungere la posizione x/y basato sulla larghezza/altezza della foto
Tweener.addTween(this,{width:loader.width+30,time: 1,transition:'easeoutelastic'});

Esempio per:
loader.x=100;
diventa
Tweener.addTween(this,{x:loader.width/2+100,width:loader.width+30,time:1,transition:'eas eoutelastic'});

Non so quanto puo essere giusto e l'effetto finale.

[ipnotik]

Salve a tutti, sono un nuovo utente del sito e sopratutto un nuovo utilizzatore di Flash CS3 per cui portate pazienza se posto delle domande stupidine.
Mi sono scaricato la galleria perchè l'ho trovata molto interessante da mettere nel mio sito, però ho 2 problemini.
Il primo è che sia nelle anteprime sia nelle immagini vere e proprie le foto sono in verticale, io però utilizzo delle foto anche in orrizzontale.
Diciamo che il problema sta solo nell'anteprima delle immagini perchè c'è il riquadro della miniatura in verticale e la foto in orrizzontale e non fa molto carino da vedere, cliccando poi sopra la foto.. questa di ingrandisce orrizzontalmente giusta.
Un'altra piccola imprecisione l'ho trovata quando si ingrandisce la foto... la parte alta del bordo e la parte alta della foto piu o meno saranno 20/30 pixel, vengono tagliati.
Avrei la necessità di abbassare un po le coordinate dell'immagine ingrandita per farla stare dentro il clip.
Spero di essermi spiegato, cmq se provate anche voi ad aprire la galleria così com'è e cliccando sopra una foto, vi accorgerete che la testa delle modelle viene quasi tagliata. Avrei appunto bisogno di sistemare quella cosa li... solo che non so da che parte iniziare.

Altra cosa .. e qui forse si complicano le cose, siccome già di AS2 ne capivo poco... adesso con AS3 mi sembra che Adobe abbia complicato un po la vita, perchè ha cambiato gran parte delle istruzioni che si usavano nel vecchio Flash MX.
Il problema mio esattamente è questo, devo caricare elastic gallery come swf esterno su un clip che ho creato io da zero.
Ho creato nel mio filmato un pulsante "galleria" (per fare delle prove) dando questo comando:
on (release) {
gotoAndPlay(2)
}

nel keyframe del fotogramma "2" ho dato questa istruzione

_root.createEmptyMovieClip("galleria",0);
_root.galleria.loadMovie("main.swf");
_root.galleria._x=100;
_root.galleria._y=0;

Praticamente dico a flash di crearmi un movieclip vuoto e di caricarmi la galleria dentro il movieclip assegnando le coordinate in cui deve essere posizionato il movieclip.

Attention: per comodità il mio file .fla l'ho creato utilizzando action script 2

Diciamo che il caricamento della galleria avviene tranquillamente, però visualizzo solo la scritta "flepstudio" e da li non si muove piu niente.
Sembra quasi che il filmato importanto non riesca a richiamare i file as esterni.
Come posso risolvere questo problema???

Help me please
Spero di essere stato sufficientemente chiaro

[Flep]

Ciao e benvenuto

I problemi che hai con le dimensioni della galleria e le teste che si tagliano sono dovuti alla risoluzione del tuo monitor in quanto questa galleria richiede una risoluzione minima di 1280x1024.

Inoltre, non puoi caricare un SWF sviluppato in AS 3.0 dentro ad un SWF sviluppato in 2.0