• User Newbie

    Galleria Dinamica

    Ciao ragazzi, intanto ciao, sono nuovo del forum.
    Vi volevo chiedere una mano per quanto riguarda la costruzione di una galleria dinamica.

    Innanzitutto ho gia compilato il file Xml:

    <?xml version="1.0" encoding="utf-8" standalone="yes"?>
    <images>
    <thumb displayNum="6" separation="3">
    <image>images/foto1.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto2.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto3.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto4.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto5.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto6.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto7.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto8.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto9.jpg</image>
    </thumb>
    <thumb>
    <image>images/foto10.jpg</image>
    </thumb>
    </images>

    Ora la galleria che vorrei andare a costruire dovrebbe essere cosi.
    10 anteprime a schermo (le anteprime non fanno vedere tutta la foto ma solo una striscia verticale della foto.) in linea orizzontale. Ora al passaggio del mouse, l'anteprima dovrebbe allargarsi verso destra scoprendo tutto il resto della foto. Ora vorrei anche che le altre anteprime si spostassero per non essere sovrastate dalla foto che si apre quando ci passo sopra col mouse.

    So di aver chiesto troppe cose............ma ne ho bisogno. Anziche' fare diversi post ho preferito raccogliere tutto in questo.
    Grazie mille anticipatamente.
    Andrea


  • Super User

    Ciao Andrea,

    quello che stai chiedendo non è una cosa semplice semplice da sviluppare, specialmente su un forum e senza un minimo di codice iniziale da fare vedere.

    Spero che hai buone nozione di actionscript.

    La mia idea della cosa (non so se è la migliore soluzione):

    1. carica il xml
    2. posiziona le immagine con la loro proprieta x (asso orizzontale)
    3. aggiunge una maschera (la striscia verticale) a ogni immagine per fare vedere solo il pezzo di preview
    4. aggiungere l'azione onRollOver a ogni immagine che ingrandirà la zona mascherata per rivelare tutta l'immagine e a stesso momento spostera immagine (con la loro maschera inclusa) per lasciare il posto a l'immagine aperta

    Mmmm... sto provando a pensare a un tutorial o un esempio ma a prima vista non mi viene nulla in mente. Se penso a qualche cosa, ti faccio sapere.:bho:


  • User Newbie

    Ok, grazie.
    Intanto provo cosi come mi hai detto tu, vediamo cosa esce fuori.