Carrousel 3D as2 (suite )

Bonjour à tous, aujourd'hui je reviens pour vous proposer quelques petites améliorations concernant le carrousel as2.

Nous allons donc:

•Ajouter une gestion des commentaires au rollOver des icônes
•Mettre en place une navigation au clic des icônes en utilisant le chargement et déchargement de notre carrousel.
•Ajouter une option permettant d'ajouter une navigation vers des adresses externes (via un tableau)
•Utiliser une interface nous permettant de charger le carrousel.

Voici à quoi nous arriverons à la fin de ce tutoriel:

Vous pouvez télécharger le pack contenant le projet ici même:



Le tutoriel:
en HD: Tutoriel_carrousel_HD
Tuto redimensionné:

Le tuto est désormais disponible

Ba merci Artkabis pour cette réponse sa vas bien m'aider

Merci artkabis pour ce complément de tuto

Superbe Tuto, Merci Artkabis,

Je l'ai un peu modifié pour les besoins de mon projet.

Le carou marche bien, mais j'ai fait une modification sur l'interface qui a pour conséquence que mon texte pour les frames 3 à 12 ne semble plus être dinamique, seul le texte de ma frame 2 l'est resté.

Les modifications que j'ai apporté à l'interface :

-Mise en commentaire du changement de couleur du bg et remplacement de la forme par une image;
-Mise en place d'un code action sur animBg afin de faire apparaitre l'image de l'icone concerné à droite du bg;
-Pour le texte, intégration des caractères courants;
-Pour que toutes mes pages aient la même animation j'ai copier l'image clée de séquence 1 calque page frame 2 et je l'ai collé sur les frames 3 à 12 (je crois que c'est à ce moment là que le texte dynamique n'a plus été appelé).

J'ai beaucoup cherché en comparent mon fichier interface avec celui du tuto et je n'ai pas trouvé l'erreure que j'ai faite... Pouriez vous me donner un coup de main s'il vous plait...

Les fichiers .fla sont téléchargeable ici.

Merci beaucoup pour votre aide

Quelqu'un aurait-il la gentillesse de regarder s'il voit d'où peut venir mon problème s'il vous plait ?

Comme personne ne semble trouver d'où vient mon problème précédemment posté, j'ai opté pour une autre solution, celle de ne pas utiliser les animations et d'installer les lien url au clique sur les icones...

J'ai aussi du ajouter un onzième icone, et là, c'est le drame ! Le tuto est très claire tant que l'on ne dépasse pas les dix icones mais au delà tout est plus compliqué...

Après quelques heures de recherches j'ai trouvé une solution que je vais exposer ici défois que d'autres personnes soient dans le même cas que moi.

Tout d'abord n'oubliez pas qu'Artkabis a indiqué, dans le tuto, que le carrousel est optimisé pour supporter une douzaine d'icones maximum.

Voici le problème, au delà de 10 icones le nom de ceux-ci ne fait plus la même taille, pour les dix premiers voici comment les noms se présentent : Icone0 à Icone9. Pour en avoir un plus grand nombre il est necessaire d'avoir des nombres à deux chiffres : Icone10, Icone11...

Voici quelles sont donc les modifications à apporter ?

Si vous souhaitez comme moi simplement installer des liens en onRelease et conserver les messages en onRollOver, il suffit de modifier l'action située sur l'image 1 du calque as situé sur le fichier carrou_cs.fla

Dans un premier temps il faut modifier le nombre de clips en ligne 7:

Code:

var nbI:Number = 11;

Complétez ensuite vos "tableaux" msg et urls avec les informations concernant vos nouveaux clips et bien sur ajoutez à la bibliothèque vos icones supplémentaires.

Jusque là tout va bien, mais ça se complique un peu. Le code tel qu'il est conçu compte le nombre de caractères et en relève le dernier. Le problème est que pour l'Icone10, le dernier caractère est 0 et se mélange donc à l'Icone0.

Il faut donc relevé les deux derniers caractères pour les différencier...

Il suffirait donc de remplacer les ligne :

Code:

id = Number(String(this).substr(l-1,l-1));

et

Code:

var id2 = Number(String(this).substr(l2-1,l2-1));

par

Code:

id = Number(String(this).substr(l-2,l-2));

et

Code:

var id2 = Number(String(this).substr(l2-2,l2-2));

C'est un peu trop simple pour être vrai

En effet ça ne marche pas, la variable i doit obligatoirement être un nombre, lorsque l'on prends les deux derniers caractères des Icones 0 à 9, il s'agit d'une lettre et d'un chiffre... ça ne fonctionne donc pas...

La solution :

Code:

for(i=0;i
{
    //________________________________Lier les clips à la scène_____________
    this.attachMovie('Icone'+i, 'Ic'+i,i);
    //________________________________clic sur les images___________________
    this['Ic'+i].onRelease=function()
        {
            l = Number(String(this).length);
            id = Number(String(this).substr(l-1,l-1));
            id3 = Number(String(this).substr(l-2,l-2));
            var idURL=id;
            var idURL3=id3;
            id+=2;
            id3+=2;
            //_root.gotoAndStop(id);
            //trace('id : '+id + 'frame : '+ _root._currentframe);
            if(id3>9)
        {
            getURL(urls[idURL3],'_self');
        }
        else
            {
            getURL(urls[idURL],'_self');
            }
        }
       
        cont['Ic'+i].onRollOver = function():Void
    {
        var l2 = Number(String(this).length);
        var id2 = Number(String(this).substr(l2-1,l2-1));
        var id4 = Number(String(this).substr(l2-2,l2-2));
       
        if(id4>9)
        {
            cont.infoTxt.text = String(msg[id4]);
        }
        else if(this === cont['Ic'+id2])
        {
            cont.infoTxt.text = String(msg[id2]);
           
        }
    }

J'ai défini id3 ainsi :

Code:

id3 = Number(String(this).substr(l-2,l-2));

et ajouté deux variables, l'une pour les urls :

Code:

var idURL3=id3;

et l'autre pour les msg en onRollOver :

Code:

var id4 = Number(String(this).substr(l2-2,l2-2));

ainsi les deux derniers caractères seront enregistrés dans des variables différentes de celles contenant seulement le dernier.

N'oubliez pas, comme pour id d'ajouter :

Code:

id3+=2;

Il faut maintenant que seules les variables contenant exclusivement des valeurs numériques soient retenues. Pour cela nous allons demander à ce que la variable id3 soit prise en compte seulement si id3 est suppèrieur à 9 (en bref si la variable est au moins égale à 10, soit deux chiffres), pour cela :

Code:

            if(id3>9)
        {
            getURL(urls[idURL3],'_self');
        }

Si ce n'est pas le cas il faut utiliser la variable idURL :

Code:

else
            {
            getURL(urls[idURL],'_self');
            }

idem pour les msg :

Code:

if(id4>9)
        {
            cont.infoTxt.text = String(msg[id4]);
        }
        else if(this === cont['Ic'+id2])
        {
            cont.infoTxt.text = String(msg[id2]);
           
        }

J'espère que je n'ai pas été trop compliqué dans mes explications et que ça pourra aider d'autres débutants en action script tels que moi

PS : J'espère toujours que quelqu'un saura répondre à ma question postée deux messages plus haut ^^

J'ai transmis ton problème au staff. En ce qui me concerne, tu connais mon niveau en Flash Si quelqu'un a la solution au problème de nossibe, ça serait sympa de répondre Merci d'avance

Merci Capucine

le tuto n'est plus en ligne...
je voudrais vraiment arriver a controler ce carrousel