Slideshow + XML + attachMovie con testo dinamico

[magis]

scusate l'intromissione...
ma l'xml come deve essere?

sto provando a studiare il codice che hai postato ma non riesco a capire come devo chiamare gli attributi per il percorso dell'immagine e per la descrizione...



grazie
ciao

[Descendz]

Originariamente inviato da magis
scusate l'intromissione...
ma l'xml come deve essere?

sto provando a studiare il codice che hai postato ma non riesco a capire come devo chiamare gli attributi per il percorso dell'immagine e per la descrizione...



grazie
ciao

Ciao, ti posto di seguito un esempio dell'XML

<images timer="5" order="sequential" fadetime="1" looping="yes" xpos="10" ypos="10">
	<image id="1" path="tuo/percorso/nomefile01.jpg" description="descrizione 1"/>
	<image id="2" path="tuo/percorso/nomefile02.jpg" description="descrizione 2"/>
	<image id="3" path="tuo/percorso/nomefile03.jpg" description="descrizione 3"/>
	<image id="4" path="tuo/percorso/nomefile04.jpg" description="descrizione 4"/>
</images>

[magis]

grazie... stavo giusto venendo a postare che l'avevo trovato...

ciao

[magis]

Originariamente inviato da crescenzo
io forse ho fatto diversamente...
lo puoi vedere qua
http://www.leonardoinformatica.it/xf...ova_slide.html
posto il cod....serve solo un clip istanziato pro con dentro una casella di testo dinamica istanziata description e piazzato sullo stage
sul frame

// set random # variables - each must be 0 for first 'while' loop below
var randomNum = 0;
var randomNumLast = 0;

//metto il clip sopra i contenitori delle foto
_root.pro.swapDepths(1000)


import mx.transitions.Tween;
import mx.transitions.easing.Regular;

//creo una function che mi permetterà di spostare il clip della descrizione
//e a seconda che deve apparire o scomparire gli viene applicato anche un effetto alpha determinato dalla var cosa
//cosa=0 deve andare via
//cosa=1 deve comparire
function spostatitolo(mc, fine, cosa) {
   tipo= Regular.easeOut
   //trace("cosa"+cosa)
   muovititolo = new mx.transitions.Tween(mc, "_y", tipo, mc._y, fine, 10, false);
   if(cosa==0){
       muovititolo = new mx.transitions.Tween(mc, "_alpha", tipo, mc._alpha, 0, 8, false);
   }else{
       muovititolo = new mx.transitions.Tween(mc, "_alpha", tipo, mc._alpha, 100, 8, false);
   }
}//fine function




// parent container
var container_mc = this.createEmptyMovieClip("container",0);
//imposto anche una maschera alle foto caricate
container_mc.setMask(miaMask)
// movie clip containers
container_mc.createEmptyMovieClip("loader1_mc",2);
container_mc.createEmptyMovieClip("loader2_mc",1);

// preload watcher
this.createEmptyMovieClip("watcher_mc",100);

// load xml
images_xml = new XML();
images_xml.ignoreWhite=true;
images_xml.onLoad = parse;
images_xml.load("images.xml");

function parse(success) {
    if (success) {
        imageArray = new Array();
        var root = this.firstChild;
        _global.numPause = Number(root.attributes.timer * 1000);
        _global.order = root.attributes.order;
        _global.looping = root.attributes.looping;
        _global.fadetime = Number(root.attributes.fadetime);
        _global.xpos = Number(root.attributes.xpos);
        _global.ypos = Number(root.attributes.ypos);
        var imageNode = root.lastChild;
        var s=0;
        while (imageNode.nodeName != null) {
            imageData = new Object;
            imageData.path = imageNode.attributes.path;
            imageData.desc = imageNode.attributes.description;
            
            imageArray[s]=imageData;
            imageNode = imageNode.previousSibling;
            //trace(imageArray[s].desc)
            s++;
        }
        // place parent container
        container_mc._x = _global.xpos;
        container_mc._y = _global.ypos;
        // parse array
        imageArray.reverse();
        imageGen(imageArray);
    } else {
        trace('problem');
    }
}

// depth swapping
function swapPlace(clip,num) {
    eval(clip).swapDepths(eval("container_mc.loader"+num+"_mc"));
}

function loadImages(data,num) {
    if (i==undefined || i == 2) {
        i=2;
        createLoader(i,data,num);
        i=1;
    } else if (i==1) {
        createLoader(i,data,num);
        i=2;
    }
}
function createLoader(i,data,num) {
    //richiamo la funzione x farlo andare via
    ritorna()
    thisLoader=eval("container_mc.loader"+i+"_mc");
    thisLoader._alpha=0;
    thisLoader.loadMovie(data[num].path);
    watcher_mc.onEnterFrame=function () {
        var picLoaded = thisLoader.getBytesLoaded();
        var picBytes = thisLoader.getBytesTotal();
        if (isNaN(picBytes) || picBytes < 4) {
            return;
        }
        if (picLoaded / picBytes >= 1) {
            swapPlace("container_mc.loader2_mc",1);
            alphaTween = new mx.transitions.Tween(thisLoader, "_alpha", mx.transitions.easing.Regular.easeOut,0,100,_global.fadetime,true);
            timerInterval = setInterval(imageGen,_global.numPause,data);
            delete this.onEnterFrame;
            //qui sposto il titolo
            spostatitolo(_root.pro,15,1)
        }
    }
}


//function x far andare via il titolo prima che copia l'altra foto
function ritorna(){
    tempo = setInterval(function () { 
        spostatitolo(_root.pro,-65,0)
    clearInterval(tempo)},_global.numPause-600); 
}


function imageGen(data) {
    // random, or sequential?
    if (_global.order=="random") {
        // choose random # between 0 and total number of images
        while (randomNum == randomNumLast) {
            randomNum = Math.floor(Math.random() * data.length);
            trace(randomNum);
        }
        loadImages(data,randomNum);
        randomNumLast = randomNum;
    } else if (_global.order=="sequential") {
        // start at 0, increment to total number of images, then drop back to zero when done
        if (p==undefined || p==data.length && _global.looping=="yes") { p=0; } else { break; }
            loadImages(data,p);
            trace("desc"+imageArray[p].desc)
            _root.testo.text =imageArray[p].desc;
            _root.pro.description.text=imageArray[p].desc;
        p++;
    } else {
        trace ("order attribute in xml isn't correct - must specify either 'random' or 'sequential'");
    }
    clearInterval(timerInterval);
}
stop(); 

e faccio apparire con movimente dall'alto verso il basso il clip con la descrizione
sempre con le tween

cmq se hai risolto...

e se volessi metterci un link sull'immagine e sul testo? è un casino?

[magis]

ho provato aggiungendo al fondo dello script, subito prima dello stop();

container_mc.onRelease = function() { 
    getURL("http://" + description, "_blank");  
}; 

dove in "description" ho messo il link a cui deve puntare l'immagine (www.miosito.it)

mi crea il bottone ma purtroppo mi restituisce una pagina con http://undefined/

sapete indicarmi la strada giusta?
grazie

[d@lyn]

rispolvero la discussione per avere una dritta per creare un effetto tipo quello di questo sito
link
mi riferisco a quest effetto di ridimensionamento (rimpicciolimento o ingrandimento)
di ogni foto quasi impercettibile che da l'idea di movimento.
ciao e grazie

[d@lyn]

ho aggiunto altri 2 tween per provare a dare quell'effetto di rimpicciolimento

function createLoader(i, data, num) {
//richiamo la funzione x farlo andare via
ritorna();
thisLoader = eval("container_mc.loader"+i+"_mc");
thisLoader._alpha = 0;
thisLoader.loadMovie(data[num].path);
watcher_mc.onEnterFrame = function() {
var picLoaded = thisLoader.getBytesLoaded();
var picBytes = thisLoader.getBytesTotal();
if (isNaN(picBytes) || picBytes<4) {
return;
}
if (picLoaded/picBytes>=1) {
swapPlace("container_mc.loader2_mc",1);
alphaTween = new Tween(thisLoader, "_alpha",Regular.easeOut, 0, 100, _global.fadetime, true);
scalaX = new Tween(thisLoader,"_xscale",Strong.easeOut,thisLoad er._xscale,95,_global.zoomtime,true);
scalaY = new Tween(thisLoader,"_yscale",Strong.easeOut,thisLoad er._yscale,95,_global.zoomtime,true);
timerInterval = setInterval(imageGen, _global.numPause, data);
delete this.onEnterFrame;
//qui sposto il titolo
//spostatitolo(_root.pro,15,1)
}
};
}

funziona per le prime 2 foto e dalla terza compresa in poi mi rimangono rimpicciolite con le dimensioni impostate dai tween

[d@lyn]

ho risolto il problema aggiungendo 2 varibili globali all'interno della funzione.
funziona tutto l'unica cosa è che non riesco a farlo essere cois' fluido come quello del link.
guardandoci bene si vede la differenza e quello fatto da me si vede che sgrana ed da quel senso di "scattoso"..

[d@lyn]

abilitando lo smooth delle foto il problema dovrebbe essere risolto ma sono in difficoltà nell implemetarlo nella funzione gia' esistente

[mud]

ciao crescenzo
sto provando a modificare il tuo slideshow ma ho qulache problema

a differenza del tuo esempio io ho già estratto tutti i valori delle immagini da mettere nello slideshow, perche ho già fatto il parsing di un xml che contiene tra l'altro molte altre info, quindi non vorrei creare un xml apposito solo x lo slideshow, ma vorrei sfruttare i dati che già ho.
in pratica io ho un my_array.length che rappresenta il numero di immagini che è disponibile per quel progetto selezionato, ho anche la possibilità di prendere per ogni immagine un commento dall'xml.

vorrei che lo slideshow fosse cliclico e che ad ogni immagine venga presentata la descrizione appropriata.

potresti aiutarmi?
grazie anticipatamente