KIMAGE, UN PETIT COMPOSANT POUR CHARGER ET REDIMENTIONNER AUTOMATIQUEMENT L'IMAGE (OU SWF) CHARGÉ, ET DIAPORAMA. (CORRIGÉ)

Information sur la source

Catégorie :Composants Flash MX Niveau : Débutant Date de création : 15/03/2005 Date de mise à jour : 24/03/2005 19:38:35 Vu / téléchargé: 16 157 / 5 567

Auteur : _benjy

Site perso

Ecrire un message privé

Note :

8,75 / 10

Commentaire sur cette source (26)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

ben tout est dans le titre, c'un composant (UIComponent) pour charger une image jpg ou un swf, et le redimensionner si trop grand.
tres simple d'uiltilisation :
1 fermer Flash s'il est ouvert
2 copier/coller le fichier swc présent dans l'archive dans votre répertoire de composant
(C:\Documents and Settings\[votre nom]\Local Settings\Application Data\Macromedia\Flash MX 2004\en\Configuration\Components)
3 vous pouvez le copier dans un nouveau dossier (kOlapsis par exemple) pour ordonner vos composants.
4 relancer Flash
5 glisser déposer le composant (maintenant présent dans le paneau composant>kOlapsis
6 paramétré le cpt et c fini

Source

utilisation :
glissé le composant sur votre scene, nommez l'instance, remplisez les paramètres.
interactions :
changé la source :
- instance.src = "monimage.jpg";
ou
- instance.src = new Array("im1.jpg","im2.jpg",...); // pour faire un diaporama
afficher/cacher le fond ou la bordure
instance.border = true; // ou false;
instance.background = true; ou false;

utilisation :
glissé le composant sur votre scene, nommez l'instance, remplisez les paramètres.

interactions :
changé la source : 
- instance.src = "monimage.jpg";
ou
- instance.src = new Array("im1.jpg","im2.jpg",...); // pour faire un diaporama

afficher/cacher le fond ou la bordure
instance.border = true; // ou false;
instance.background = true; ou false;

Conclusion

modification prévu :
- changement automatique des images (en mode diaporama)
- zoom, ben un zoom quoi :)

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

ImageLoader.fla562 176 octets
kImage.as 5 656 octets
kImage.swc45 114 octets
sources.zip223 461 octets

Télécharger le zip

Historique

17 mars 2005 00:11:30 :: correction de bug sur le redimmensionnement de l'image chargé
22 mars 2005 00:50:51 :: ajout de la fonctionnabilité de diaporama correction de bug sur la redimenssion des images. correction de bug sur placement d'images plus haute que large
24 mars 2005 19:38:36 :: Correction du bug sur l'affichage de fleche (diaporama) et du fond

Sources du même auteur

Toutes les sources de _benjy

Sources de la même categorie

Toutes les sources de la catégorie Composants Flash MX

Commentaires

Commentaire de lorcan1980 le 16/03/2005 22:43:16

L'idée est vraiment pas mal, surtout que je recherchais justement ce genre de composant...

Ton exemple fonctionne très bien... mais ... malheureusement ton composant ne fonctionne pas correctement... L'image sort du cadre délimité par ton composant... Serait-ce du au fait que lorsque l'on utilise ton composant sur une nouvelle scène, il n'importe pas toutes les classes et autres clips présents dans ton exemple ?
Commentaire de _benjy le 16/03/2005 23:25:57

hummm nan normalement il importe tt (enfin c bien le swc que tu utilise ?)
car sinon désolé me semble pourtant avoir mis une version qui marché, je verifirai
Commentaire de _benjy le 17/03/2005 00:12:29

merci lorcan pour m'avoir signalé le bug, il est corrigé
++
Commentaire de lorcan1980 le 17/03/2005 20:15:58

De rien! ;-)

Génial ça fonctionne super bien ton composant!

Sinon, est-il possible de paramétrer les styles par ActionScript ? Genre, ôter le cadre, attribuer une couleur de fond, ...

Merci ;-)
Commentaire de lorcan1980 le 17/03/2005 21:01:09

j'oubliais,

aussi et surtout, s'il est possible de spécifier l'image à charger via ActionScript... Ce serait encore + intéressant! :-)
Commentaire de _benjy le 18/03/2005 02:34:51

hello
pour changer l'image via as, c pas dure :)
instance.src = "img.jpg";
et c fini :)
pour les styles, nan j'ai pas encore vraiment regardé ca, le composant est un extention des UIComponents, mais j'suis pas sur qu'il ingere tt seul les diff styles mm avec la Class RectBorder (fourni par macromedia) que j'utilise.
je regarderai ca un de c 4, mais là, il est 2h34, moi allé faire dodo :)
bonne nuit

++
continuer a flashé les gars :)

_Benjy
Commentaire de lorcan1980 le 18/03/2005 09:02:45

oki,

Pour cacher le bord, via AS, il suffit de faire :
instance.border_mc.visible = false;

Par contre je viens de tester en AS avec instance.src="une_image.jp". Il charge bien l'image, mais ne la redimensionne pas :-/ À mon avis, ton code redimensionne d'abord le src dans ton composant (rien), le redimensionne puis seulement la commande AS .src que j'ai tapé est tenue en compte, donc pas redimensionné :-)
Commentaire de _benjy le 19/03/2005 20:23:33

alors oui pour la bordure tu peux faire instance.border_mc._visible = false; mais c pas top wizz :)
c pour ca que je dis que je m'occuperai de voir les styles plus proprement.
pour le instance.src = "image.jpg";
moi ca marche au poil, en redimmensionnant tt le tps ... je ne sais que te dire ...
et pour répondre a ce que je crois avoir compris de ta réponse, ma fonction de redimension et appélé apres chaque changement de sources
car
public function set src (i:String){
this._src = src;
this.load();
}
et la redimention est appelé à la fin du chargement.
encore une fois chez moi ca marche :)

@llé ++

_benjy
Commentaire de lorcan1980 le 20/03/2005 00:31:29

Hé bien, non ça ne marche toujours pas :-(

J'ai essayé en réinstallant le composant, mais quand je fais un instance.src=".....", ça ne redimensione pas :-( :-(

Mais je me demande une chose... Tu utilises que flash? Moi MX 2004 Pro... je me demande si ce n'est pas lié au fait que tu utilises des composants MX et pas MX 2004 :-/

Dans ce cas, il faudrait sortir une version MX 2004 :-)
Commentaire de _benjy le 20/03/2005 01:13:30

ah ah j'adore ... :): c trop drole :)
ben si tu avais regardé les sources, tu aurais vu par toi mm que c du mx2004 !
donc apres je t'en pris si t'as un solution, t'as les sources, lache toi :) trouve la solution :)
@llé ++
Commentaire de lorcan1980 le 20/03/2005 10:49:18

yep de fait

et j'ai bien regardé les sources figure-toi :-/ mais je dois dire qu'en matière de création de composant, je ne maîtrise pas ... donc quand je vois un "import composant" ben je me demandais lequel il allait charger véritablement, vu que j'ai les composants MX et MX 2004 dans mon Flash :-(
Commentaire de _benjy le 21/03/2005 14:48:41

y'a aucun import de composant
les import c des import de de class pour pouvoir étendre les class UI
++
Commentaire de pako56 le 22/03/2005 15:15:38

hello,
alors moi quand je me sers du composant, je n'ais pas de soucis de redimensionnement en revanche: pas de boutons visible pour faire le diapo....
Si je me sert de ta source elle même, là oui les boutons sont visibles.
J'ai oublié qlqch ?! 8-(

(moi être sur flash pro MX 2004)
Commentaire de _benjy le 22/03/2005 16:01:11

ben si tu met un tableau avec plusieur url d'image les bouton apparaissent tt seul sinon, s'il y a qu'une image je les cache :) plus logique je pense ...

++

_benjy
Commentaire de pako56 le 22/03/2005 17:46:24

ok mais ce n'est pas de ca que je te parlais... alors pour être plus explicite va voir ca:

==>> http://sacrebirman.free.fr/iloader1.swf
(ton anim avec la version composant)
Déjà tu constateras que la 1ère fois que tu vas sur cette pas les images ne sont pas redimensionnées. Clique sur le bouton de droite qui charge le tableau d'image ou F5 pour actualier la fenêtre de ton navigateur et là, hop, elles se redimensionne bien. De plus pas de soucis les bouton sont bien là.

- Avant d'aller sur l'url ci-dessous, ferme ton navigateur, vide son cache.

==>> http://sacrebirman.free.fr/iloader2.swf
(ton anim avec toutes les sources dans la bibliothèque)
Alors, idem, pas d'image redimensionnées et ... plus de boutons...)

Bon voilà où ca coince, je pense que tu dois mieux te rendre compte maintenant. A toi de jouer...
Commentaire de pako56 le 22/03/2005 17:49:44

me suis gouré:

http://sacrebirman.free.fr/iloader1.swf
=>> (ton anim avec toutes les sources dans la bibliothèque)

http://sacrebirman.free.fr/iloader2.swf
=>> (ton anim avec la version composant)
Commentaire de actionweb le 21/10/2005 23:32:53

super extra ce code j'adore "Grand bravo" ;)
Commentaire de joe l indien le 15/05/2006 11:37:21

bonjour,
je souhaiterai utiliser ce composants dans un movieclip que j'utilise ensuite avec en action script. J'ai besoin de realiser un menu de selection en drag and drop et le fait de pouvoir dimentionner automatiquement les images n'interesse enormement.
Quelqu'un a t'il deja fait quelque chose comme ça
merci
Commentaire de _benjy le 15/05/2006 11:54:29

Quelqu'un l'a ss doute deja fait, mais faudrait comprendre ce que tu veux avant, perso c pas assez clair, car clip + mennu + drag & drop ca en dit pas assez
Apres y'a p'etre des extralucides dans le coin LOL
Nan serieux explique plus ce que tu veux (et de pref dans un post pour pas utiliser les commentaires de la sources pour un truc pas tt a fait en rapport)
++
(ps : envois un mp quand t'as fait ton post dans le forum j'irai voir)
Commentaire de hb_bm le 07/08/2006 12:22:44

Magnifique, ça va me faire gagner un temps précieux.
J'ai flash8 et même pour une bille comme moi, ça m'a pris 30 secondes. super, boutons présents, tout nickel.

'Tite question: Si je veux rajouter une transition entre les photos ? Genre un alpha 0% ou "interpolation de teinte: blanc" ou même un masque ? Y'a moyen ?

++bravo++
Commentaire de _benjy le 07/08/2006 13:00:16

ben t'edite le fla, tu cherche ou se trouve le loadImage et tu y ajoute ce qu tu veux
cia
_benjy
Commentaire de hb_bm le 07/08/2006 17:49:53

J'vais essayer:)
Commentaire de melonmaudic le 20/10/2006 12:14:53

Bonjour,

Tout d'abord bravo pour ce composant qui est super utile.

Ensuite, j'ai un petit problème, j'aimerais lancer un jpg dès la début sur le composant, cependant, si je tappe: video.src="logo/novideo.jpg";, il me l'affice mais plus centré et le composant n'a plus de bord et de fond.

Que dois-je faire?

Cordiale Salutation.

M.M.
Commentaire de melonmaudic le 20/10/2006 15:28:45

J'ai pu constater un autre bug, lorsque je le mets sur internet (www.loswald.com/demo), les anim flash chargé ne sont pas forcément centré sur le composant, comment cela se fait il.

Merci beaucoup de vos futurs aide.

Cordiale Salutation.

L.Oswald
Commentaire de yebs le 25/05/2007 11:22:53

salut _benjy et salut à tous !
merci pour cette source vraiment sympa !
En revanche j'ai un problème.
En fait je fais un jeu en flash et je veux mettre mon jeu dans un écran de télévision donc je voudrai charger le swf dans l'écran en question (qui est un autre swf).
Donc j'ai utilisé ton composant mais le jeu ne marche plus du tout (c'est un jeu de casse-briques et il n'affiche plus les briques !! ce qui est quand même dommage !!).

Est-ce normal ??

Merci pour la réponse !
Commentaire de _benjy le 25/05/2007 14:20:49

ben malheureusement, je peux pas faire grand chose pour toi, car t'as pus coder ton jeu de plein de facon diff...
c'est p'etre un prob de chemin de variable (le racine dans le composant est le composant et non la racine du swf dans lequel tu as glisé le composant)...
normallement tu peux charger des swf dans le composant ss prob et le swf dedans marche.
Je viens de retester, et je confirme, ca marche donc ss doute un prob de chemin dans tes var
++
et bon courage
_benjy