begin process at 2010 03 21 22:07:34
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

ActionScripts

 > REDIMENSIONNEMENT PROPORTIONNEL D'UNE IMAGE

REDIMENSIONNEMENT PROPORTIONNEL D'UNE IMAGE


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ActionScripts Classé sous :image, redimensionnement, as2, as3 Niveau :Initié Date de création :14/04/2009 Date de mise à jour :17/04/2009 11:42:26 Vu / téléchargé :4 348 / 853

Auteur : Orange73

Ecrire un message privé
Site perso
Commentaire sur cette source (21)
Ajouter un commentaire et/ou une note

 Description

Hello,

Beaucoup de personnes cherche cette source. je la met donc à disposition pour le plus grand plaisir de tous et toutes :-)

Voici donc une source permettant de redimensionner une image suivant la taille du navigateur et ceci tout en gardant les proportions de l'image.

Source disponible en AS2 et AS3 !



 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture CLASSE AS3 MENU CONTEXTUEL
Source avec Zip Source avec une capture MULTICOEUR
Source avec Zip Source avec une capture PHOTOTHÈQUE MOZAÏQUE TWEEN
Source avec Zip Source avec une capture EFFET DE TEXTE SLIDE
Source avec Zip Source avec une capture SLIDER MENU

 Sources de la même categorie

Source avec Zip Source avec une capture LANCER UNE GALERIE LIGHTBOX À PARTIR D'UN FLASH par beladom
Source avec Zip SUPER TWEEN PACKAGE par Acidchlorhydrik
Source avec Zip NAVIGATION DANS UN FICHIER XML par inaden
Source avec Zip Source avec une capture TWSCROLLBAR, UNE CLASSE DE SCROLLBAR SIMPLE ET PRATIQUE À UT... par Twinspirit
Source avec Zip Source avec une capture REBOND DE BALLON AVEC TWEEN par habibcode

 Sources en rapport avec celle ci

Source avec Zip SUPER TWEEN PACKAGE par Acidchlorhydrik
Source avec Zip MENU RETATION par habibcode
Source avec Zip NAVIGATION DANS UN FICHIER XML par inaden
Source avec Zip DIAPORAMA AS2 par ahmedhrbdj
Source avec Zip Source avec une capture MULTI-DEBRID par remy2501

Commentaires et avis

Commentaire de Nix le 14/04/2009 17:50:20 administrateur CS

le zip est manquant

Commentaire de pegase31 le 14/04/2009 17:56:11 administrateur CS

j'ajouterais qu'il faut savoir si tu veux mettre ça en tuto ou en source .. car un seul suffit ...

Peg'

Commentaire de Orange73 le 14/04/2009 18:04:09

Désolé merci de supprimer cette source car zip > 1 Mo . c'est pour cela que je l'ai mis dans Tuto

Commentaire de Nix le 14/04/2009 18:07:59 administrateur CS

On peut poster le zip à ta place s'il est trop gros, donne nous l'url on va mettre à jour ta source

Commentaire de pegase31 le 17/04/2009 11:42:48 administrateur CS

J'ai mis le code

Peg'

Commentaire de Orange73 le 17/04/2009 11:44:56

ok merci :-)

Commentaire de Orange73 le 17/04/2009 11:48:58

Je rajoute également le code de Peg' pour cette source :

//Créez une animation de n'importe quelle taille et de n'importe quel FrameRate
//Importez une image dans la bibliothèque que vous lierez sous le nom "Image"
//Placez le code sur la première frame de l'animation :


stage.align = "lt"; //origine de l'animation en haut à gauche
stage.scaleMode = "noScale"; //Empèche le redimensionnement de l'animation

var img:Bitmap = new Bitmap(new Image(0,0)); //crée un objet Bitmap contenant l'image de la bibliothèque
var rect:Rectangle = img.getBounds(stage); //Récupère la taille de l'image à l'échèle 1:1
img.smoothing = true; //Indice de lissage de l'image (optionnel)
addChild(img); //Affiche l'image sur le stage

resizeImg(); //Déclenche la fonction "à vide" pour le premier redimensionnement

stage.addEventListener(Event.RESIZE, resizeImg); //écouteur de la mise à l'échelle

function resizeImg(evt:Event=null):void { //Event=null permet l'appel de la fonciton sans évènement
var coef:Number = Math.min(stage.stageWidth/rect.width, stage.stageHeight/rect.height); //taille proportionnelle
img.scaleX = img.scaleY = coef; //Mise à l'échelle de l'image
img.x = (stage.stageWidth-img.width)/2; //centrage horizontal de l'image (optionnel)
img.y = (stage.stageHeight-img.height)/2; //centrage vertical de l'image (optionnel)
}

Commentaire de weblaetitia le 24/09/2009 16:01:37

merci pour cette source !

cependant j'aurai un question :

j'aimerai utiliser ce script pour mon background mais j'aimerai que l'image s'agrandisse uniquement quand la hauteur ou largeur de la fenetre est supérieur a la dimension original de mon image (disons qu'elle mesure 1000x800px).

merci pour votre aide !

Commentaire de Orange73 le 24/09/2009 16:12:19

Hello,
Essaie comme cela :

function resizeImg(evt:Event=null):void {
if(stage.stageWidth>rect.width || stage.stageHeight>rect.height){
var coef:Number = Math.min(stage.stageWidth/rect.width, stage.stageHeight/rect.height);
img.scaleX = img.scaleY = coef;
img.x = (stage.stageWidth-img.width)/2;
img.y = (stage.stageHeight-img.height)/2;
}
}

Commentaire de DeYeR le 16/02/2010 12:22:02

Salut, le code marche super bien, c'est exactement ce qu'il me fallais, mais dès que je veux changer l'image, ça marche plus du tout.
Je pense qu'il y a une petite chose très simple qui m'échappe, je met mon image Bitmap dans la bibliothèque, puis sur la scène, F8 > clip > nom d'occurrence "pic", et là quand je fait tourner le rendu il me place l'angle haut/gauche de mon image plaine résolution au centre de la scène !

Pourriez vous m'indiquer si j'ai oublié une étape ?

Merci

Commentaire de Orange73 le 16/02/2010 12:29:05

Hello,
C'est normal il faut indiqué le point d'alignement lors de la création de ton clip (F8)

Commentaire de DeYeR le 16/02/2010 12:45:42

Super, merci beaucoup, je savais que c'était un truc tout bête, mais comme je débute, ces petits détails me rendent parfois la vie dure !
Merci à toi et à Orange pour ce code qui m'aide bien !

Bonne journée

Commentaire de DeYeR le 16/02/2010 15:30:10 8/10

Désolé, j'ai encore un petit soucis d'adaptation, depuis tout à l'heure j'essaie de faire en sorte d'avoir ma scène centré dans le navigateur et j'ai un petit problème ...
j'arrive assez simplement à centrer ma scène, via ce code :

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP;

cependant l'image étiré du fond s'arrête (ou commence) sur la gauche de la scène et ne prend plus tous l'écran ...
j'ai mis ce que ça donne ici : http://www.deyer-studio.com/divers

Voila, si qq'un peu m'aider, merci :)

DeYeR


Commentaire de Orange73 le 16/02/2010 15:56:57

stage.align = StageAlign.TOP_LEFT;

:-)

Commentaire de DeYeR le 16/02/2010 16:08:04

C'est ce que j'avais fait au début, j'ai alors effectivement mon image de fond bien étendu dans tout le navigateur ... mais ma scène n'est plus centré mais à gauche dans le navigateur :S

Commentaire de Orange73 le 16/02/2010 16:16:58

Oui c'est cela et après il faut repositionner manuellement tes clips lors de la redimension de la fenetre.

Commentaire de DeYeR le 16/02/2010 16:50:09

? mais comment je peut centrer manuellement mes clips dans le navigateur, alors que ma scène est en haut à gauche, quand je charge un swf il se place par rapport et dans ma scène, j'ai mis ce que ça donne sur le même lien, la zone opaque correspond à l'intégralité de ma scène :

http://www.deyer-studio.com/divers

... en tout cas déja merci de prendre le temps de m'avoir répondu si vite :)

Commentaire de Orange73 le 16/02/2010 17:15:16

monClip.x = stage.stageWidth / 2;

Commentaire de DeYeR le 17/02/2010 15:24:42

J'ai essayé cette méthode avec le swf principal, et même avec ceux que je charge par dessus, mais ils se centre alors sur la scène du swf principal, donc à gauche :(
et ça donne ça pour l'instant : http://www.deyer-studio.com/caviar

Commentaire de patrijks le 03/03/2010 17:53:02

hello,
conflit avec le redimensionnement de mon fond qui utilise Stage.align = "TL" et ce code, car du coup les clips ne se positionnent pas correctement... merci pour votre aide ;)

Commentaire de benitocom le 09/03/2010 12:43:19

Bonjour,

je souhaite utiliser ce code pour mettre une image en background dans du html.

j'ai mis le tout dans une div qui me sert de contenu et de ce fait plusieurs div a l'intérieur qui servent pour mes menus et mes images.
Sa marche très bien dans safari par exemple mais dans firefox ou opera l'image de fond n'apparait pas ou alors elle est coupé??

Auriez vous une solution à mon problème ou pour poser la question différament, Comment utiliser correctement ce code epour mettre l'image en background dans du html et pouvoir y rajouter tableau ou div par dessus sans que eux ne soient redimenssionés ?

Merci

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

redimensionnement d'un jpeg [ par lyonnel ] salut, j'ai un probleme qui va surement sembler tout bete.je n'arrive pas à redimensionner une imge importée avec loadMovie.par ex, si je fa rendu jpeg lors d'un redimensionnement [ par AtomPouce ] Bonjour à tous,Je suis actuellement en train de develloper une sorte de diaporama dynamique, où les chemin vers les images sont chargées via php.Mon p redimensionnement d'image actioncript [ par picogunsy ] Bonjour à tous, voila mon problème est le suivant ... j'aimerai redimensionner des images importés de la manière suivante: monLoadVars = new LoadV AS2 :loadMovie => attachMovie [ par JSBR ] Bonjour,    Bon voila mon objectif est plutôt simple je veux pouvoir ajouter à ma scène un clip à partir de son nom de liaison (attachMovie) qui se tr AS3- FsCommand [ par Maitrespl ] Bonsoir a tous!Je viens récement de passer de l'AS2 à l'AS3 et j'avoue que j'en bave!Je suis en train de dévelloper un programme qui fonctionne en loc lire un swf en AS3 dans un SWF en AS2 [ par mctyler ] Salut à tous,Voilà mon problème, j'ai développé un site en AS2 et toutes mes pages en AS2 que je charge via un Loader.Ici pas de problème.Je me suis c redimensionnement d'image chargé depuis un xml [ par davydk ] salut a tous, voila j'ai une galerie d'image dont les images sont 'chargées" depuis un fichier xml.Source que j'ai eu sur flashkod : http://www.c redimensionnement d'un LoadMovie [ par syndrael ] Bonjour, Dans un movieClip j'appelle une image JPeg avec un LoadMovie. Comment puis-je redimensionner mon image obtenue ? J'ai essayé _width et Redimensionnement [ par MadMax1024 ] Bonjour à tous,Je suis débutant dans le monde du Flash et je rencontre un souci.Voici mon problème :Voulant créer une animation d'un Halo se déplaçant AS3 image qui bug dans un TextArea [ par lural ] Bonjour à tous !Cela fait quelques jours que je bloque sur une erreur incompréhensible pour moi. Voila le deal :J'ai réalisé les 4/5 d'un site en full


Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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,749 sec (3)

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