Salut les loulous et bien je dois dire que depuis mon petit weekend, j'ai repris une péche d'enfer et je suis plutôt productif (deux court, 3 tutos, ouaouuuu). Aujourd'hui j'ai donc décidé de vous apprendre à créer une galerie infini, j'entends par là, une galerie qui n'a pas de fin ni de début d'ailleurs, alors ne vous inquiétez pas, car ce tuto est plus simple qu'il n'y paraît, il vous faut simplement une dizaine d'images, la bibliothèque TweenMax. Il est aussi possible de diriger le sens de visionnage en fonction de la position du curseur.

Commençons par voir à quoi ressemble cette fameuse galerie:


Le code:

Code:


import gs.TweenMax;

var centreX:int = stage.stageWidth /2;
var largeurGalerie:int = galerieInfini.width;
var vitesse:Number = 0;

this.addEventListener(Event.ENTER_FRAME, mouvementGalerie);
this.addEventListener(MouseEvent.MOUSE_OVER, overImg);
this.addEventListener(MouseEvent.MOUSE_OUT, outImg);

for (var i:int = 0; i < galerieInfini.numChildren; i++){
   var imgs:Object = galerieInfini.getChildAt(i);
   TweenMax.to(imgs, .4, {alpha:.4});
}
function mouvementGalerie ( e:Event ):void{
   vitesse = - ( .04 * ( mouseX - centreX ) );
   galerieInfini.x += vitesse;
   if (galerieInfini.x > 0 )galerieInfini.x = ( - largeurGalerie /2 );
   else if (galerieInfini.x < ( - largeurGalerie /2 ))galerieInfini.x = 0;
}
function overImg(e:MouseEvent):void{
   var img = (MovieClip)(e.target);
   TweenMax.to(img, .5, {alpha:1});
}
function outImg(e:MouseEvent):void{
   var img = (MovieClip)(e.target);
   TweenMax.to(img, .5, {alpha:.4});
}



Donc si ceci vous plait, alors c'est parti pour 25minutes de vidéo:


Vous avez aussi la possibilité de télécharger la source de ce tutoriel:



.

MAGNIFIQUE

merci pour ce tuto je vais m'en servir

serait-il possible de faire une fonction qui, au clic affiche l'image en grands au dessus?

merci encore pour ce tuto dont le résultat est excellent!

tiens ca me rappelle mon rouleau avec les chiffres :p

Pour mégalex:
Pour faire ce que tu veux, il te suffit de créer un écouteur pour le mouseUp par exemple et dans la fonction tu peux par exemple récupérer le nom de l'image en faisant ceci (n'oublies pas de donner des noms d'occurrences à tes images):

Code:


function clic (e:MouseEvent):void{
        if (e.target.name == "img1")gotoAndPlay("agrandi_1");
        if (e.target.name == "img2")gotoAndPlay("agrandi_2");
...
}

Pour Darkrat:
En effet j'y ai pensé pendant le tuto, bon le mouvement est fait différemment, mais la technique de bouclage reste le même.

Est ce que vous aussi, en réalisant ce tuto vous remarquez que ca "ram" un peu ? sur cette page, ca va mais quand je réalise mon projet ce saccade (un peu)

Une idée ?

bonjour, étant débutant en flash je n'ai pas énormément de connaissances dans ce domaine. Pour mes cours je dois réaliser un site internet entièrement en flash et je voulais pouvoir y intégrer cette galerie. Est-ce qu'il est possible de faire le site sur un document et la galerie sur un autre puis de les mélanger ensuite afin que la galerie apparaissent dessus (en sachant que le site est en flash).
J'espère m'être fait comprendre merci

Bonjour, pour toute question, vous devez créer un nouveau sujet dans la partie "un problème une question?" où "besoin d'aide?"

merci pour ce tutos

Sans vouloir être encore une fois méchant, et critiquer par la communauté parsque j'ai fait pleurer un nouveau venu,

WTF ?! Pourquoi tu poste ton "résultat" ici alors qu'il n'a strictement rien a voir (ou alors, je suis encore un gros nase bien méchant) avec le tutoriel ?

haaa ces vrai sa pourkoi tu poste ton résultat ici sa na rien a voir en + si tu veu poster ton résultat tu devrai le mettre dans ta galerie flash mdr tous cas trés bon tuto merci sa pourra servir