[résolu] Composant loader

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [résolu] Composant loader

ilundar

Bonjour,

je cherche à faire une galerie en flash, cependant j'ai quelques problèmes.

Ma galerie se compose de la sorte :
_ un composant loader grand, qui permet de voir l'image en grand
_ 6 petit composants loader qui permettent d'afficher les images en petit

J'ai cependant plus que 6 images. J'ai donc créé un tableau contenant le lien vers chaque image, un bouton permet ensuite de changer les images à afficher, c'est là où ça foire.

Voilà le code :

Code :

var tabgal:Array = new Array();
tabgal[1] = "galerie/1.jpg";
tabgal[2] = "galerie/2.jpg";
tabgal[3] = "galerie/3.jpg";
tabgal[4] = "galerie/4.jpg";
tabgal[5] = "galerie/5.jpg";
tabgal[6] = "galerie/6.jpg";
tabgal[7] = "galerie/7.jpg";
tabgal[8] = "galerie/8.jpg";
tabgal[9] = "galerie/9.jpg";
tabgal[10] = "galerie/10.jpg";
tabgal[11] = "galerie/11.jpg";
tabgal[12] = "galerie/12.jpg";
tabgal[13] = "galerie/13.jpg";
tabgal[14] = "galerie/14.jpg";
tabgal[15] = "galerie/15.jpg";
tabgal[16] = "galerie/16.jpg";
tabgal[17] = "galerie/17.jpg";
tabgal[18] = "galerie/18.jpg";
tabval_1 = 1;
tabval_2 = 2;
tabval_3 = 3;
tabval_4 = 4;
tabval_5 = 5;
tabval_6 = 6;
gal1.contentPath = tabgal[tabval_1];
gal2.contentPath = tabgal[tabval_2];
gal3.contentPath = tabgal[tabval_3];
gal4.contentPath = tabgal[tabval_4];
gal5.contentPath = tabgal[tabval_5];
gal6.contentPath = tabgal[tabval_6];
auex.onPress = function() {
if (tabval_6+6<19) {
tabval_1 = tabval_1+6;
tabval_2 = tabval_2+6;
tabval_3 = tabval_3+6;
tabval_4 = tabval_4+6;
tabval_5 = tabval_5+6;
tabval_6 = tabval_6+6;
} else {
tabval_1 = 1;
tabval_2 = 2;
tabval_3 = 3;
tabval_4 = 4;
tabval_5 = 5;
tabval_6 = 6;
}
};

sachant que auex est mon bouton et que gal1 à gal6 sont les loader petit.

Sur chaque loader est ensuite défini la fonction permettant d'afficher l'image petite en image grande.

En fait les images de départ s'affichent et je peux les afficher en grand mais je ne peux pas changer la série de départ ( images 1 à 6).

Pourtant en mettant une fonction trace je m'aperçoit que les variables sont bien modifiées.

Message édité par ilundar le 01-11-2008 à 10:42:57

Publicité

Zedlefou

In cabbage we trust !

Faudrait que tu apprennes a utiliser les boucles quand meme

Code :

var tabgal:Array = new Array();
for(var i=1 ; i <=18 ; i++){
tabgal[i] = "galerie/"+i+".jpg";
}

Ou dans le cas d'un tableau, encore mieux

Code :

var tabgal:Array = new Array("0" );
for(var i=1 ; i <=18 ; i++){
tabgal.push("galerie/"+i+".jpg" );
}

Peut etre qu'en simplifiant ton code, on pourra comprendre ton probleme

Message édité par Zedlefou le 30-10-2008 à 04:09:18

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

Oui, c'est vrai. je ne connais les boucles mais il est vrai que ne maniant pas le l'action script depuis longtemps j'ai préféré écrire le tout sous forme détaillé.
Je remanie le tout et je poste le code ensuite.

ilundar

je n'arrive pas à synthétiser la partie définissant contentPath pour chaque loader.
Voilà ce que j'ai essayé de faire et qui ne marche pas :

Code :

for (var i = 1; i<=6; i++) {
myloader="gal"+i;
myloader.contentPath=tabgal[i];

Message édité par ilundar le 30-10-2008 à 13:30:44

Zedlefou

In cabbage we trust !

Non, la tu definis la meme variable 6 fois.
A la place de ligne 2 et 3 tu mets

this["gal"+1].contentPath = tabgal[i];

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

ok merci beaucoup mais maintenant je retombe sur le problème du départ, rien ne se passe quand je clic sur le bouton.
Pourtant j'ai appliqué la même technique :

Code :

mybutton.onPress = function() {
this["gal"+i].contentPath = tabgal[i+6];
};

Message édité par ilundar le 30-10-2008 à 15:17:31

ilundar

Finalement ça marche si je met l'action directement sur le bouton. Mais le problème c'est que le bouton ne marche qu'une fois

Voilà ce que j'ai tappé dans le bouton

Code :

on (press) {
for (var n = 1; n<3; n++) {
for (var i = 1; i<=6; i++) {
this["gal"+i].contentPath = tabgal[i+n*6];
break;
}
if (n>2) {
this["gal"+i].contentPath = tabgal[i];
break;
}
}
}

Message édité par ilundar le 30-10-2008 à 17:08:30

Zedlefou

In cabbage we trust !

Je vois a peu pres, mais ce que je ne comprend pas, c'est l'action du bouton. Il est censé faire quoi ?

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

Je me suis surement un peu embrouillé, je vais donc ré expliquer le fonctionnement général de la galerie.

Un tableau contient toutes les images.
6 composants loader affichent les images qu'ils ont puisé dans le tableau.

Or le tableau contient plus de 6 images, elles ne peuvent donc pas être toutes affichées en même temps.
Un bouton permet alors d'afficher 6 autres images.

Donc sur 12 images par exemples on a :
loader 1 ->image 1 loader 1 ->image 7 loader 1 ->image 1
loader 2 ->image 2 on appuie sur le bouton loader 2 ->image 8 on appuie sur le bouton loader 2 ->image 2
loader 3 ->image 3 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _¦\ loader 3 ->image 9 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _¦\ loader 3->image 3
loader 4 ->image 4 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _¦ > loader 4 ->image 10 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _¦ > loader 4 ->image 4
loader 5 ->image 5 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _¦/ loader 5 ->image 11 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _¦/ loader 5 ->image 5
loader 6 ->image 6 loader 6 ->image 12 loader 6 ->image 6

Je pense ne pas pouvoir faire plus clair

Zedlefou

In cabbage we trust !

Ok, je vois.
Moi ce que je ferais:

Code :

mon_btn.gal_step = 0
mon_btn.onRelease = function(){
for (var i = 1; i<=6; i++) {
this["gal"+i].contentPath = tabgal[i + this.gal_step * 6];
}
if(this.gal_step == 0){
this.gal_step = 1;
}else if(this.gal_step == 1){
this.gal_step = 0;
}
}

Ce genre d'astuce est tres utile pour controler le statut de ton anim. Tu ajoutes une propriété a ton bouton qui démarre a 0. Une fois cliqué ca passe a 1 (si tu avais 18 ou 24 images, ca passerait a 2 puis 3) et ca repasse a 0 un fois que tu atteins le max (ici, le max c'est 1).

En une ligne ce code

Code :

if(this.gal_step == 0){
this.gal_step = 1;
}else if(this.gal_step == 1){
this.gal_step = 0;
}

... donnerait ceci

Code :

this.gal_step = (this.gal_step == 0) ? 1 : 0;

Si ta proprieté = 0, tu lui ajoutes 1. Sinon, tu la remets a 0.

Message édité par Zedlefou le 31-10-2008 à 11:41:13

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

Publicité

ilundar

merci beaucoup, je ne connaissais pas du tout ce genre de propriété. Effectivement, je pense que ça me servira souvent.

Zedlefou

In cabbage we trust !

Ce sont les prémices de la programmation objet.
Tu as ton objet bouton, tu peux lui attribuer autant de propriété que tu veux (faut pas s'emmêler les pinceaux avec celles qui existent déjà: _alpha, _x etc ...)
C'est tres utile aussi pour générer des boutons a la volé.
Tu as 6 boutons par exemple. Tu veux leur donner des actions differentes. Tu les nommes btn1 a btn6 et ensuite

Code :

for (var i = 1; i<=6; i++) {
this["btn"+i].id = i ;
this["btn"+i].onRelease = function(){
showId(this.id);
}
}
function showId(Pid){
if(Pid == 1){
trace("Vous avez cliqué sur le premier bouton" );
}else{
trace("Vous avez cliqué sur les autres boutons" );
}
}

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

En fait j'ai essayé d'appliquer le code

Code :

1. mon_btn.gal_step = 0
2. mon_btn.onRelease = function(){
3. for (var i = 1; i<=6; i++) {
4. this["gal"+i].contentPath = tabgal[i + this.gal_step * 6];
5. }
6. if(this.gal_step == 0){
7. this.gal_step = 1;
8. }else if(this.gal_step == 1){
9. this.gal_step = 0;
10. }
11. }

mais malheuresement il ne marche pas, j'ai bien essayé de modifier un certain nombre de chose mais rien n'y fait.
Voilà le code en entier :

Code :

var tabgal:Array = new Array("0" );
for (var i = 1; i<=18; i++) {
tabgal.push("galerie/"+i+".jpg" );
}
mon_btn.gal_step = 0;
for (var i = 1; i<=6; i++) {
this["gal"+i].contentPath = tabgal[i+mon_btn.gal_step*6];
}
mon_btn.onRelease = function() {
for (var i = 1; i<=6; i++) {
this["gal"+i].contentPath = tabgal[i+this.gal_step*6];
}
if (this.gal_step == 0) {
this.gal_step = 1;
} else if (this.gal_step == 1) {
this.gal_step = 0;
}
trace (mon_btn.gal_step);
};

la fonction trace, m'affiche bien la variation de gal_step si elle est placé à cet endroit. Mais si je la place tout à la fin, elle ne m'indique de que gal_step=0. Je pense donc qu'il faut définir gal_step en tant que varaible publique, non ?

Zedlefou

In cabbage we trust !

Ah non, au temps pour moi. C'est un probleme de scope avec tes loaders.

Ce code devrait marcher:

Code :

var tabgal : Array = new Array ("0" );
for (var i = 1; i <= 18; i ++){
tabgal.push ("galerie/" + i + ".jpg" );
}
mon_btn.gal_step = 0;
for (var i = 1; i <= 6; i ++){
this ["gal" + i].contentPath = tabgal [i + mon_btn.gal_step * 6];
}
mon_btn.onRelease = function ()
{
switchGal (this.gal_step);
};
function switchGal (step){
trace (step);
for (var i = 1; i <= 6; i ++){
this ["gal" + i].contentPath = tabgal [i + step * 6];
}
if (step == 0){
mon_btn.step = 1;
} else if (step == 1){
mon_btn.step = 0;
}
}

Dans mon_btn.onRelease si tu fais trace(this) tu vas etre dans le bouton. Alors que si tu fais un trace(this) dans ta fonction switchGal tu vas voir que tu es sur la racine du fichier (_level0)

Message édité par Zedlefou le 31-10-2008 à 13:44:04

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

Dsl mai ça ne change rien !

Zedlefou

In cabbage we trust !

Post le .fla pour voir

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

Je n'ai pas posté le fichier sur lequel je travail mais une copie plus légère, sans éléments graphiques.
http://dl.free.fr/qXsJo9VZG

Zedlefou

In cabbage we trust !

Hum, hum. Ok, je me suis un peu gourré.
Faut remplacer ca
if (step == 0){
mon_btn.step = 1;
} else if (step == 1){
mon_btn.step = 0;
}

par ca
if (step == 0) {
mon_btn.gal_step = 1;
} else if (step == 1) {
mon_btn.gal_step = 0;
}

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

Ok j'essaie ça tout de suite, en tout cas merci de l'attention que tu me porte !

Message édité par ilundar le 01-11-2008 à 10:41:05

ilundar

ça marche suepr bien ! Merci pour tout.

Zedlefou

In cabbage we trust !

De rien :jap:
J'espere que tu seras l'adapter pour que ca marche avec 18 images.

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

ilundar

PAs de soucis, c'est déjà fait, j'ai compris le principe

Publicité

FORUM HardWare.fr

Programmation

Flash/ActionScript

[résolu] Composant loader

Sujets relatifs
[resolu]Verification 'variable \|\| contenu champ table mysql'	[Résolu]Débordement d'image dans pdf générer par FOP
[résolu] Problème d'accent avec FOP	[Resolu] Pbm de "récupération de paramètres" avec Ajax.Request
[résolu] petit script en python	[Résolu] - [Batch Dos] Probleme carateres dans resultat txt
Afficher le résultat d'un formulaire dans une iframe [résolu 2FOIS]	[C#] simuler un click souris [résolu]
[Résolu]Faire évoluer une requête SQL
Plus de sujets relatifs à : [résolu] Composant loader

Page générée en 0.065 secondes