Oggi vi segnalo questa risorsa Flash gratuita, per creare banner Flash per prodotti con dettagli prelevati da un file esterno XML.

Tramite un file esterno XML possiamo creare un banner con prodotti in sequenza con un’immagine, testo e due link da utilizzare.

Ho modificato alcuni punti nel codice per ottimizzare la visualizzazione, ovviamente se avete richieste fatele pure nei commenti.

Vediamo insieme il file XML da configurare e alcune indicazioni:

<bannerrotater image="images/book00.jpg" heading="Adobe After Effects CS4" price="$140.99" trialurl="http://adobe.com/"  buynowurl="http://google.com/" ><![CDATA[<b>If you haven't installed your new software</b> begin by reading some information on installation and other preliminaries. Before you begin working with your software take a few moments to read an overview of Adobe Help and of the many resources available to users]]></bannerrotater>

Ho codificato il file XML in utf-8 per aver la possibilità di inserire caratteri speciali.

  • image: Indirizzo dell’immagine da caricare
  • heading: Titolo del testo
  • price: Prezzo
  • trialurl: Primo URL del prodotto
  • buynowurl: Secondo URL del prodotto

In seguito troviamo nel tag CDATA il testo della descrizione del prodotto.

Tempo dell’autoslide

Per aumentare o diminuire il tempo di sosta dei prodotti ci basterà cambiare il dato numerico nella funzione automove da codice AS

Livello AS Linea 133

intNum = setInterval(automove, 10000);
next_btn.btn.onRelease = function() {
clearInterval(intNum);
nFrame();
};

Cambiare effetti d’entrata

Per gli effetti d’entrata viene usata la classe tween, quindi potremo anche cambiare a nostro piacimento l’effetto.

Nel nostro caso vi è un effetto Elastic come potete vedere dal codice

Elastic.easeOut

In questo caso potremmo usare anche Strong, Bounce, Regular o altri.

Andiamo sul livello AS ed entriamo nel codice esattamente al frame 1

Attiviamo Copia e Sostituisci [Tasto rapido CTRL+F] e sostituiamo Elastic con ad esempio Bounce e diamo ok

A questo punto Flash dovrebbe dirci che abbiamo cambiato 17 elementi, provate ora a mandare in test il filmato [Tasto rapido CTRL+ENTER]

Scarica il sorgente
Guarda il Tutorial

Questi files sono stati modificati da Julius dai files originali di FFILES

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

15 Commenti

  1. ciao julius ottimo come sempre, volevo chiederti come fare per mostrare 4 prodotti insieme, ovviamnete aumentando le dim dell swf ad esempio a 740*500.
    il resto rimarrebbe invariato.
    se il tutto non comporta uno sbatti eccesivo,, ,:-)

    ciao e grazie ancora……

  2. @nextart: Ciao, penso che ti basta duplicare i clip contenitori e gestire la sequenza con 4 clip contenitori diversi alla volta con la stessa logica che trovi nel ciclo.

  3. ciao…..complimenti per l’ottimo lavoro che svolgi e per tutte queste risorse free che metti a disposizione di noi neofili…..
    Ti volevo chiedere come faccio a non farle andare randon le immagini ed il testo?
    io vorrei che seguissero un ordine precciso…..

    grazie se vorrai rispondere anche se non ci spero!

  4. @ketty ciao la gallery non va a random infatti va in successione a seconda delle informazioni che scrivi nel file XML.

  5. ciao Julius , grazie per la risposta…..io ho notato una cosa in questo fantastico tutorial……
    se provi a cliccare nu next il numero passa da uno a due se ci ricliki va a 4 se ricliki ancora va a 4 ancora su next va a 2 poi a 4 e poi ad 1 e poi a 3…..questo intendevo per non sequenziali…… idem per il tasto prev…… e’ un bug o solo qualcosa da impostare?

    grazie mille per la risposta che vorrai darmi ……sinceramente ti dico: sei un grande!

  6. @ketty forse clicchi durante l’esecuzione del’animazione… prova a farla finire e poi clicca… forse va in bug durante l’animazione…

  7. hai ragione grande Julius va in bug durante l’animazione…….
    un grande grazie per tutto!

  8. Ciao, julius, ho scaricato l’swf, ho inserito 11 prodotti e dopo la numero 9, sulla barra inferiore non si vede piu’ “NEXT” e non incrementa a 10 ma : 7-8-9-1-1-
    come risolvere?
    Grazie

  9. Ciao Julius, volevo chiederti se fosse possibile automatizzare la sequenza del banner senza cliccare sui numeri per vedere i successivi prodotti.

    Grazie
    Carmine

  10. Carmine ha scritto:

    Ciao Julius, volevo chiederti se fosse possibile automatizzare la sequenza del banner senza cliccare sui numeri per vedere i successivi prodotti.
    Grazie
    Carmine

    Lo fa gia…

  11. Ciao Julius, complimenti per il sito e i tutorial…
    Ho un prblemino su questo nello specifico: vorrei infatti caricare delle immagini grandi che facciano da sfondo al banner ma quando lo faccio vanno a nascondermi il titolo e il testo di contenuto… non riesco proprio a trovare cosa sistemare.

    Grazie per la disponibilità

    Mirko

  12. Mirko ha scritto:

    Ciao Julius, complimenti per il sito e i tutorial…
    Ho un prblemino su questo nello specifico: vorrei infatti caricare delle immagini grandi che facciano da sfondo al banner ma quando lo faccio vanno a nascondermi il titolo e il testo di contenuto… non riesco proprio a trovare cosa sistemare.
    Grazie per la disponibilità
    Mirko

    Ho trovato!!!! ora è a posto, solo che come è di base il file posiziona il testo di fianco all’immagine equindi usciva dallo stage…..

  13. Ciao Julius, volevo utilizzare il Flash Banner Product Gallery XML per delle news con un link che cliccandoci sopra mi apre in un’altra finestra un file in pdf che approfondisce la news. ma anzichè aprirla mi va in download. Come posso fare? grazie

Commenti