aide pour la création d'une galerie avec vignettes

Bonjour, n'ayant pas trouvé mon bonheur sur la toile, j'ai décidé de créer une galerie photo sur mesure. J'aurais besoin que vous m'éclaircissiez sur quelques petits points techniques: je souhaiterais que les photos apparaissent sous forme de vignettes, et des que l'on passe la souris dessus: un effet s'applique, comme par exemple un léger zoom, et pourquoi pas soyons fou l'opacité qui se met à changer, avec une ouverture en pop up de la dite photo. Les photos seraient organisées par rangée de 3 lignes horizontales, avec un déplacement horizontal pour voir apparaitre les nouvelles photos, rendus possible grace à deux boutons. Voila le topo. l'idéal aurait été bien sur de gérer ca en xml mais ce n'est pas encore de mon niveau.... :-/ J'ai pas mal réfléchi sur le principe, mais je me pose pour le moment une question: Suis je obligé de créer des boutons pour chaque miniature avec à chaque fois le meme effet + code AS pour l'ouverture en pop up? (=> long, fastidieux, on en fini pas et vive le bricolage). je sais pas moi il doit surement exister un moyen pour contourner ce probleme.. merci

Je vais de realiser ce que tu a dit pour mon site execpté qu'il n'y a pas de defilement horizontal et qu'il y a 5 lignes d'images.

Voila, une page php listes toute les images du dossier selectionné par l'utilisateur, et génére un fichier xml des noms et adresses de ces images.

Puis flash charge le fichier xml, et crée des movie clic en leur chargeant les dites images dans la frame 1.

Enfin, applique une fonction zoom/dezoom avec envoie de leur nom instance au survole/sortie du movie clip dans la frame 2.

La gestion de l'oppacité n'es pas encore fait.

L'anim possede 3 couches (init, btn, fonction)

Code init frame 1:
_global.Chemin = new Array();
_global.tabPhoto = new Array();
_global.myVar = "global";
var myXML = new XML();
myXML.ignoreWhite = true;

fin=40;   //nb image par page
nom="";
page=0;
nbImg=0;

myXML.onLoad = function(flag) {
    if (flag) {
        i = 0;
        x = myXML.firstChild;
        while ((x.childNodes[i] != undefined) && (x.childNodes[i].childNodes[0].attributes.value == nDoss)) {
            Chemin[i] = x.childNodes[i].childNodes[1].attributes.value;                           
            i++;
        }
        nbImg = Chemin.length;
       
        if(nbImg >= 40){
            fin = 40;
        } else{
            fin = nbImg;
        }
       
        for(x=0;x<fin;x++){
            tabPhoto[x] = Chemin[x];}       
       
        affichePhoto(tabPhoto);
    }
   
};
myXML.load("galImg.xml");

Code btn frame 1:
prec.onRelease = function(){
    if(page != 0){
        page--;       
        fin = 40*(page+1);   
       
        for(x=0;x<fin;x++){
            tabPhoto[x] = Chemin[(40*page)+x];}       
           
        affichePhoto(tabPhoto);
    } else{
        trace("Debut");
    }
}

suiv.onRelease = function(){
    maxPg = Math.round((nbImg/40)-0.49);   //Entier toujours inferieur (2.99 => 2; 3.01 => 3)

    if(page != maxPg){
        page++;       
        fin = nbImg-(40*page);
       
        for(x=0;x<fin;x++){
            tabPhoto[x] = Chemin[(40*page)+x];}       
           
        affichePhoto(tabPhoto);
    } else{
        trace("Fin");
    }
}

menu.onRelease = function(){
    trace("Menu");
}

Code fonction frame1 :
function affichePhoto(tabPh) {
    posX = 10;
    posY = 10;
    nbIL = 0;

    for(j=0;j<fin;j++){
        if(image39 == undefined){
            this.createEmptyMovieClip("image"+j,j);}       
           
        loadMovie(tabPh[j], "image"+j);
               
        if(nbIL > 0){           
            posX += 100;
        }
       
        if(nbIL == 8){
            nbIL = 0;
            posX = 10;
            posY += 100;       
        }
       
        setProperty("image"+j,_x,posX);
        setProperty("image"+j,_y,posY);       

        nbIL++;
    }
   
    monInterval = setInterval(maFonction, 60);
}

maFonction = function () {       
_root.nextFrame();
clearInterval(monInterval);
};

Code fonction frame 2:
Survole = function(){
    nom = this._name;
   
    if(this._xscale < 100){   //Verifier qu'il n'es pas au max pour zoom
        monInterval = setInterval(nImg, 80,nom);}
}

SortieSurvole = function(){
    nomS = this._name;
   
    if(this._xscale > 100){   //Verifier qu'il n'es pas au minpour dezoom
        monInterval = setInterval(nImg2, 80,nomS);}
}

nImg = function (_nom){
    _root[_nom]._xscale+=10;
    _root[_nom]._yscale+=10;
  
    if(_root[_nom]._xscale >= 100){  
        clearInterval(monInterval);}
};

nImg2 = function (_nom){
    _root[_nom]._xscale-=10;
    _root[_nom]._yscale-=10;
  
    if(_root[_nom]._xscale < 20){
        _root[_nom]._width = 78;
        _root[_nom]._height = 82;       
        clearInterval(monInterval);}
};

this.onEnterFrame = function() {
    for(x=0;x<fin;x++){
        this["image"+x]._width = 78;
        this["image"+x]._height = 82;       
        this["image"+x].onRollOver = Survole;
        this["image"+x].onRollOut = SortieSurvole;       
    }
   
    //Chargement a voir
/*      pourcent = Math.round((img.getBytesLoaded() / img.getBytesTotal()) * 100);
      if (pourcent == 100) {
       gotoAndPlay(2);
      }
      else info = pourcent;
      trace(pourcent);
     };    */
   
    delete this.onEnterFrame;
}

Voila, tu n'as plus qu'a faire des copier/coller, j'ai bien galleré, mais grâce a ce site voilà le resultat.

Tiens moi au courant si tu y apporte des améliorations !!