begin process at 2012 02 10 09:02:38
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Effets d'images

 > CENTRER UNE IMAGE

CENTRER UNE IMAGE


 Information sur le tutoriel

 Description

Ce tutorial va vous expliquer comment on centre une image sur un clip.

Tutorial

Bon je n'avais pas trouver de source simple à mon problème de centrage je post donc ma propre source qui pourra surement aider des gens. ( c'est mon premier tutorial donc soyez sympas )
Voici le script
On pose ça sur le clip où on va charger les images ( ou les .swf ):

Les valeurs numrériques représente la position relative du clip. Vous pouvez l'automatiser mais ça je pense qe vous saurez le faire.

onClipEvent (load) {
longueur=this._width;        //on enregistre la valeur de la longueur de l'image chargé
largeur=this._height;          //--------------------------- largeur -------------------
this._x=527.5-longueur/2; 
this._y=260.1-largeur/2;
}

// Petite astuce mathématique. Le coin haut gauche de l'image se place sur le clip. On bouge donc le clip pour que le centre soit àl'endroit voulu.

On charge ensuite les images dans le clip par un bouton ou autre chose :

nom_du_clip_précédent.loadMovie("..........jpg");


Bon j'espere que c'est pas trop mauvais ;) et que ça servira...
Un exemple dans la section galerie de mon site:
http://jojoratonlaveur.free.fr

en cas de probleme sur la source: jojoratonlaveur@hotmail.fr

 Historique

17 mars 2006 22:50:51 :
MAJ:problème de syntaxe corrigé
17 mars 2006 22:53:12 :
j'avais mal écris des trucs

Commentaires

Commentaire de Blacknight91titi le 19/03/2006 10:18:43

Y a plusieurs façon de faire.
Remarque :
Dans un clip pas besoin de this pour récupéré des infos
onClipEvent (load) {
   longueur = _width;
   largeur = _height;
   _x = 527.5-longueur/2;  
   _y = 260.1-largeur/2;
}

Deplus ta méthode n'est pas toujours efficace.
Tout dépend de la où est placé le centre du clip en question.
Flash déplace le clip en fonction du centre du clip. Pour ton exemple je pense que tu as placé ton centre en haut a gauche (ou pluto le clip en bas a droite du centre)

Autrement il faut d'abord charger le clip puis lui affecter des modifications, la ton image va se charger dans ton clip et changer son _width et _height

Enfin voila voila, je doute que le tuto serve beaucoup, il suffit de prendre une source qui utile le loadMovie et de voir les modifications faites sur le clip.

Blacknight

Commentaire de goldenboy68 le 09/04/2006 18:56:51

Alors, petite rectification:
onClipEvent (load) {
longueur=this._width;        //on enregistre la valeur de la longueur de l'image chargé
largeur=this._height;          //--------------------------- largeur -------------------
this._x=527.5-largeur/2;
this._y=260.1-hauteur/2;
}

...mais bon, loadMovie, c'est un peu dépassé! MovieClipLoader est bien plus approprié pour faire un centrage après chargement (sur l'évènement "onLoadInit" qui est le dernier à s'exécuter).

@+! Samy

Commentaire de josselinbonnin le 02/06/2007 00:30:58

http://www.flashkod.com/codes/RECUPERER-DIMENTIONS-IMAGE-LOADMOVIE-OU-LOADCLIP_42282.aspx

Commentaire de monedieres le 27/02/2009 11:13:53

Bonjour
Je suis en train de faire une petite galerie toute simple en flash ! rien de bien compliqué jusque là sauf que j'ai un problème pour centrer les photos qui sont en portrait !

Voici mon petit bout de code xml !

<?xml version="1.0" encoding="ISO-8859-1"?>
<photos>
  <photo num="1" fichier="01.jpg"/>
  <photo num="2" fichier="02.jpg"/>
  <photo num="3" fichier="03.jpg"/>
  <photo num="4" fichier="04.jpg" />
  <photo num="5" fichier="05.jpg"/>
  <photo num="6" fichier="06.jpg"/>
  <photo num="7" fichier="07.jpg"/>
  <photo num="8" fichier="08.jpg"/>
  <photo num="9" fichier="09.jpg"/>
  <photo num="10" fichier="10.jpg"/>
  <photo num="11" fichier="11.jpg"/>
  <photo num="12" fichier="12.jpg"/>
  <photo num="13" fichier="13.jpg"/>
  <photo num="14" fichier="14.jpg"/>
  <photo num="15" fichier="15.jpg"/>
  <photo num="16" fichier="16.jpg"/>
  <photo num="17" fichier="17.jpg"/>
  <photo num="18" fichier="18.jpg"/>
  <photo num="19" fichier="19.jpg"/>
  <photo num="20" fichier="20.jpg"/>
  <photo num="21" fichier="21.jpg"/>
  <photo num="22" fichier="22.jpg"/>
  <photo num="23" fichier="23.jpg"/>
  <photo num="24" fichier="24.jpg"/>
  <photo num="25" fichier="25.jpg"/>
  <photo num="26" fichier="26.jpg"/>
  <photo num="27" fichier="27.jpg"/>
  

  
</photos>

Savez vous comment je peux centrer mes photos en portrait ! je suis vraiment débutante et là je me tire les cheveux pour essayer de trouver une solution !

Merci d'avance pour votre aide

Commentaire de Blacknight91titi le 27/02/2009 11:26:55

Bonjour,

Alors, un petit tour du coté de la classe Loader en ActionScript 3, puis de la classe DisplayObject pour les propriétés d'un objet destiné à être affiché (x, y, z, width, height, etc.).

Enfin un dernier coup d'oeil à la classe Stage pour récupérer les dimensions de la scène (stageWidth et stageHeight).

Ah bien entendu à voir avant cela l'utilisation des évènements (Event.COMPLETE en autre) à utiliser avec la classe Loader (ce qui implique donc de regarder la classe EventDispatcher pour l'utilisation d'évènement [addEventListener et removeEventListener]).

Voila voila.
Tu trouveras le tout dans le dictionnaire ActionScript 3 (une version en ligne est disponible).

Blacknight
www.osteres.com

Commentaire de Kekekool le 16/06/2010 09:44:13

Bonjour !
Simple et efficace
Merci pour ces conseils

K.

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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,156 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales