Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

CENTRER UNE IMAGE


Information sur le tutorial

Catégorie :Effets d'images Date de création : 17/03/2006 22:48:57 Vu : 11 360 fois

Note :
Aucune note

Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note

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
17 mars 2006 22:50:51 :
MAJ:problème de syntaxe corrigé
17 mars 2006 22:53:12 :
j'avais mal écris des trucs
signaler à un administrateur
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

signaler à un administrateur
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

signaler à un administrateur
Commentaire de josselinbonnin le 02/06/2007 00:30:58

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

signaler à un administrateur
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

signaler à un administrateur
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

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,125 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.