Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : aide pour la création d'une galerie avec vignettes [ Archives / Flash & les images ] (seb22360)

jeudi 30 mars 2006 à 17:39:02 | aide pour la création d'une galerie avec vignettes

seb22360



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

jeudi 12 octobre 2006 à 13:37:03 | Re : aide pour la création d'une galerie avec vignettes

milo2009

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 !!



Cette discussion est classé dans : aide, création, photos, galerie, vignettes


Répondre à ce message

Sujets en rapport avec ce message

galerie photos: a l'aide! [ par yakvador ] mon site est quasiment fini.il ne me manque qu'une galerie photos, qui marche de preference...j'ai devellopé un truc qui marche en local, mais qui ne demande d'aide ou d'info "galerie photos" [ par 455christophe ] bonjour, j'écris ce post car je ne trouve pas la solution.je m'explique, je cherche pour mon site, un module photos pour que des visiteurs puissent y Précharger une galerie photos dynamique, à l'aide [ par massdell ] Bonjour à tous,Je voudrais créer un préchargment, qui permet de précharger une galerie photo dont les images sont externe, j'ai testé plusieur préchar Galerie photo [ par donadi2306 ] Bonjour,Je suis débutante sous flash CS3 notamment pour l'actionscript...J'ai un soucis et j'airais besoin d'aide.... J'ai fait une galerie photos ave scroll de vignettes horizontal [ par houba222 ] Bonjour,Je débute sur Flash Pro 8 mais je ne trouve pas de réponse dans l'aide, les didacticiels et sites internet... Je recherche désespérement de l' aide création de jeu [ par azraelofdark ] salut a tous je suis débutant et j'aimerais créer un jeu flash ^^   comme beaucoup de monde. Je sais comment bouger un personnage mais j'aimerais savo Superbe galerie de photos [ par remlev ] Bonjour, je suis débutant en Flash (et surtout en AS).J'ai vu sur un site une superbe manière de présenter des photos:http://www.pgo.fr/models/speedst Galerie à plusieurs albums [ par HaThWo ] Bonjour,Je me lance, après trois semaines de recherches intensives sur ce site et sur google, je n'ai pas trouvé ce que je cherche. Alors avant d'aban Besoin d'aide pour création flash [ par nextjuju ] Bonjour,Tout d'abord, mettons les choses au clair : je n'y connais rien en flash J'écris ce post car j'ai besoin d'aide pour modifier une page flash s galerie photos avec boutons [ par bufru ] Bonjour,je souhaite créer une galerie photos avec des boutons (image précédente, image suivante) sur flash mx 2004. Les images ne sont pas de la même


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


LG KP501

Entre 9€ et 159€


Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,530 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.