begin process at 2012 05 26 11:43:15
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Flash

 > 

Archives

 > 

Flash & les images

 > 

Boutons dynamiques

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Boutons dynamiques

mardi 9 août 2005 à 16:26:15 | Boutons dynamiques

zemele
Bonjour,
Je suis débutant et j'ai à réaliser un petit diaporama. En fait j'ai un dossier qui contient des images, un xml attaché au fichier flash. Je redimenssionne mais image pour en faire des miniatures mais ce que je souhaiterai c'est lorsqu'on clique sur une miniature, la photo (taille normal) apparaît).

Bon le truc c'est que j'ai pas la version 2004 de MX, donc les sources actuellements proposées sur ce site ne m'aident pas bcp.

Pour infos voici mon code :

//Création de la table d'image
tabimage = new Array();
XMLimage = new XML();

//ici on dit au swf de ne pas prendre en compte les espaces entre les balises (c'est juste histoire d'avoir un xml bien organisé
XMLimage.ignoreWhite = true;
XMLimage.onLoad = function(){
    // on masque le mc de base
    _root.cadre._visible = 0;

    //on définit le nom d'image par ligne
    colonne = 2;

    //on remplit notre tableau avec toutes les balises comprises dans <album></album>
    tabimage = XMLimage.firstChild.childNodes;

    //on va boucler autant de fois qu'il y ai de balises photo
    for(i=0; i<tabimage.length; i++){

        //on duplique notre mc
        _root.cadre.duplicateMovieClip("cadre"+i,i*1+5000);

        //on attache la photo au mc "glu" (celui qui a une position bizarre)
        _root["cadre"+i].glu.loadMovie(_root.tabimage[i].attributes.urlimage);

        // on redimenssione les petites images
        _root["cadre"+i].glu._yscale = 10;
        _root["cadre"+i].glu._xscale = 10;

        // on positionne les images et leur cadre de la première ligne
        if(i<colonne){
            _root["cadre"+i]._y = 57;
            _root["cadre"+i]._x = 72*i+45;

        //on positionne les autres lignes par rapport a la précédente
        }else{
            _root["cadre"+i]._y = Number(_root["cadre"+(i-colonne)]._y)+62;
            _root["cadre"+i]._x = _root["cadre"+(i-colonne)]._x;
        }

        //quand on clique sur une image, elle apparaît en grand (c'est là que ça coince)
        _root["cadre"+i].onRelease = function() {
            _root.gotoAndStop(i+1);
        }
    }
}

XMLimage.load("album.xml");
stop();


Merci d'avance...
mardi 9 août 2005 à 18:14:20 | Re : Boutons dynamiques

_benjy
pourquoi ne pas ajouter un onRelease sur ton clip dupliqué (miniature)
qui appel une fonction perso rechargeant l'image en grand ...
en dessous des loadMovie
_root["cadre"+i].glu.onRelease = function(){
   _root.agrandir(_root.tabimage[i].attributes.urlimage);
}
sur root
function agrandir(img){
   _root.leBigClip.loadMovie(img);
   _root.leBigClip._visible = true; // bon bien sur il été cacher avant :)
   _root.leBigClip.onPress = function(){ _visible = false; };
}
je pense que ca marche en Flash5 et MX

++

Flash sans Limites
_Benjy
mardi 9 août 2005 à 19:09:01 | Re : Boutons dynamiques

zemele
Avant tout merci pour ta réponse.
Bon, je suis débutant j'ai donc surement dû faire une erreur, parce que ça marchte pô...

Sur mon mc 'cadre' j'ai placé :
on (release) {
    _root["cadre"+i].glu.onRelease = function(){
           _root.agrandir(_root.tabimage[i].attributes.urlimage);
    }   
}

Sur mon _root. j'ai placé :
function agrandir(img){
    _root.lebigclip.loadMovie(img);
       _root.lebigclip._visible = true; // bon bien sur il été cacher avant :)
       _root.lebigclip.onPress = function(){ _visible = false; };
}

J'ai ensuite créée un mc 'lebigclip'.

Ou est mon erreur plizzzze ?
mercredi 10 août 2005 à 14:43:38 | Re : Boutons dynamiques

_benjy
il faut apprendre a lire, j'ai dis de mettre le code onRelease dans la duplication de clip !!
par sur le clip dupliqué, sinon ca veux rien dire
relis la réponse et recommence

Flash sans Limites
_Benjy
mercredi 10 août 2005 à 20:01:31 | Re : Boutons dynamiques

zemele
Oups !!! Sorry. On se dit qu'on a enfin la soluce, et on se précipite...

Bon, cette fois j'ai bien mis (enfin je pense) les lignes aux bons endroits, j'ai bien mon mc "lebigclip", mais ça marchte pô quand même. Apparement il ne detecte pas la fonction de bouton sur les mc dupliqué puisque pas d'apparaition de main de clic...

Revoici mon code :
En image 1 :

//Permet de voir l'image en plus grand quand on clique dessus.
function agrandir(img){
    _root.lebigclip.loadMovie(img);
       _root.lebigclip._visible = true;
       _root.lebigclip.onPress = function(){ _visible = false; };
}

//Création de la table d'image
tabimage = new Array();
XMLimage = new XML();

//ici on dit au swf de ne pas prendre en compte les espaces entre les balises (c'est juste histoire d'avoir un xml bien organisé
XMLimage.ignoreWhite = true;
XMLimage.onLoad = function(){

    // on masque le mc de base pour pas que ça fasse dégeu qu'on on lance le truc
    _root.cadre._visible = 0;

    //on définit le nom d'image par ligne
    colonne = 2;
      
    //on remplit notre tableau avec toutes les balises comprises dans <album></album>
    tabimage = XMLimage.firstChild.childNodes;
      
    //on va boucler autant de fois qu'il y ai de balises photo
    for(i=0; i<tabimage.length; i++){
              
        //on duplique notre mc
        _root.cadre.duplicateMovieClip("cadre"+i,i*1+5000);
       
        //Un clic permet d'appeler la fonction <<agrandir>>
        _root["cadre"+i].glu.onRelease = function(){
               _root.agrandir(_root.tabimage[i].attributes.urlimage);
        }
              
        //on attache la photo au mc "glu" (celui qui a une position bizarre)
        _root["cadre"+i].glu.loadMovie(_root.tabimage[i].attributes.urlimage);
              
        // on redimenssione les petites images
        _root["cadre"+i].glu._yscale = 10;
        _root["cadre"+i].glu._xscale = 10;
       
        // on positionne les images et leur cadre de la première ligne
        if(i<colonne){
            _root["cadre"+i]._y = 57;
            _root["cadre"+i]._x = 72*i+45;
           
         //on positionne les autres lignes par rapport a la précédente
        }else{
            _root["cadre"+i]._y = Number(_root["cadre"+(i-colonne)]._y)+62;
            _root["cadre"+i]._x = _root["cadre"+(i-colonne)]._x;
        }
    }
}
          //on appel le fichier xlm
XMLimage.load("album.xml");

         //on evite que ça déconne pour un truc à la con
stop();

Je suis sûre que ta soluce fonctionne, mais je doit couinner quelque part...

Par contre si on réussit à résoudre le prob, je compte publier la source (si tu veux bien - bah oui si ça marche, t'en sera un des acteurs !). Parce que j'ai bien cherché et des trucs du genre sans utiliser de composant flash et en ver MX tout court, y en a pas des masses...

Rethanks
jeudi 11 août 2005 à 01:01:54 | Re : Boutons dynamiques

_benjy
bon voilà ton code corrigé, enfin j'ai pas pu tester, car j'ai pas le format de l'xml, mais bon

//Permet de voir l'image en plus grand quand on clique dessus.
function agrandir(img){
    _root.lebigclip.loadMovie(img);
    _root.lebigclip._visible = true;
    _root.lebigclip.onPress = function(){ _visible = false; };
}

//Création de la table d'image
tabimage = new Array();
XMLimage = new XML();

//ici on dit au swf de ne pas prendre en compte les espaces entre les balises (c'est juste histoire d'avoir un xml bien organisé
XMLimage.ignoreWhite = true;
XMLimage.onLoad = function(){
    // on masque le mc de base pour pas que ça fasse dégeu qu'on on lance le truc
    _root.cadre._visible = false;
    //on définit le nom d'image par ligne
    var colonne = 2;
    //on remplit notre tableau avec toutes les balises comprises dans <album></album>
    var tabimage = XMLimage.firstChild.childNodes;
    //on va boucler autant de fois qu'il y ai de balises photo
    var i = 0;
    var count = tabimage.length;
    // [_benjy] > j'utilise un while car le traitement est plus rapide que le for
    while (i<count) {
        // [_benjy] > utiliser un var local car plus rapide que de réinterroger l'xml
        var image = _root.tabimage[i].attributes.urlimage;
        //on duplique notre mc
        _root.cadre.duplicateMovieClip("cadre"+i,i*1+5000);
        // [_benjy] > Stocker l'url de l'image dans le clip dupliqué car l'xml n'existe pas dans le new clip
        _root["cadre"+i].urlimage = image;
        //Un clic permet d'appeler la fonction <<agrandir>>
        _root["cadre"+i].glu.onRelease = function(){
               _root.agrandir(this.urlimage);
        }
        //on attache la photo au mc "glu" (celui qui a une position bizarre)
        _root["cadre"+i].glu.loadMovie(image);
        // on redimenssione les petites images
        _root["cadre"+i].glu._yscale = 10;
        _root["cadre"+i].glu._xscale = 10;
        // on positionne les images et leur cadre de la première ligne
        if(i<colonne){
            _root["cadre"+i]._y = 57;
            _root["cadre"+i]._x = 72*i+45;
        //on positionne les autres lignes par rapport a la précédente
        }else{
            _root["cadre"+i]._y = Number(_root["cadre"+(i-colonne)]._y)+62;
            _root["cadre"+i]._x = _root["cadre"+(i-colonne)]._x;
        }
        i++;
    }
}
//on appel le fichier xlm
XMLimage.load("album.xml");

//on evite que ça déconne pour un truc à la con
stop();

++

Flash sans Limites
_Benjy


Cette discussion est classée dans : image, xml, root, cadre, xmlimage

Répondre à ce message

Sujets en rapport avec ce message

Débuter avec xml [ par jacknikolson ] Salut à tous.Avec un ami nous essayons de comprendre la liaison flash xml...J'ai trouvé un tuto assez simple mais j'aimerais supprimer certaines chose probleme de variables dans une fonction [ par mapi3 ] Voila j'ai une fonction XMLimage.onLoad = function(){ .........}. A l'interieur le tableau tabImage (défini à l'exterieur) se remplit de mes éléments recupérer la taille d'une image chargé dans un xml [ par attentio ] Bonjour,j'ai une image que je recupere dans un xml. tout marche bien... mais je voudrais centrer cette image (qui  peut etre d'une taille variable) et Tester le chargement d'une image [ par BoumBoumBoba ] Bonjour, Je suis un flasheur du dimanche et je cherche à faire un truc que je ne sais pas encore faire :-)Quelqu'un de vous veut bien m'aider s'il vou decharger un menu XML dans flash [ par openshiva ] Bonjour à toutes et/ou à tous, voici mon souci... je suis sur Flash 8 en AS2j'ai un swf qui est mon site.dessus il y a un premier niveaux de me Slider image dynamique XML [ par 20156 ] Bonjour,j'ai récupéré un source http://www.flashkod.com/codes/SLIDER-MENU-IMAGES-DYNAMIQUES-XML-AVEC-LIENS_33504.aspx qui est très bien faite ;)mais v Problème preloader online/offline [ par stanbridge94 ] Bonjour,J'ai recherché sur le net, y compris sur flashkod, mais cela n'a rien donné.détail technique : anim réalisée sur FlashCS3 pour page ASP.Mon so Chargement image via XML avec Loader et description d'images [ par gozu13 ] Bonjour à tous, Je suis en train de faire mon site flash en AS2 Sur ma page d'accueil, il y a une partie avec mes dernières créations. Cette partie image et texte importé en xml [ par camdev ] Bonjour (et bonne année)Je me permet de venir ici vous demander un peu d'aide.En effet, pour un projet au boulot, je doit créer un encart en flash, ou Bouton charge une image aléatoire [ par Robby666 ] Bonjour tout le monde,Après de nombreuses recherches infructueuses et d'innombrables essais, je me permet de vous montrer mon p'tit code de débutant (


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,390 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)