Tutoriel Vidéo Flash : Diaporama Flash

Dans ce tutoriel vidéo vous apprendrez à utiliser les classes en ActionScript 3 pour créer un Diaporama animé.

Liens utiles :


Télécharger la vidéo
(Réservé aux premiums)

Télécharger les sources
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

Créer un player flash : Lecture des FLV

Créer un player flash : Lecture des FLV
33m

Dans ce tutoriel vidéo vous apprendrez à gérer la lecture d'un fichier...

Créer un player flash : Les Contrôles

Créer un player flash : Les Contrôles
1h17

Dans ce second tutoriel vidéo vous apprendrez à créer les contrôles du...

99 commentaires
Ajouter un commentaire

fouz Il y a 1 an Répondre

Bonjour j'ai suivi ce tuto (tres bon d'ailleurs) avec attention et je l'ai testé sur flash 8 alors il ne reconnais pas les import est ce que c parce que c une ancienne vesion de flash et qu'il faut que j'aille chercher les nvelles classes?
Merci

Fouz Il y a 1 an - Répondre

Rebonjour,
mon pb venait bien de la version de flash ms là g un autre pb
au debut il n'arrivait pas à charger la classe Diaporama, j'ai vu que ds paramétre il y avait un chp "classe du document" et c là ou j'ai mis "Diaporama" avec le chemin de classe.
Je voudrais savoir si c bon et d'autre part apres avoir fait cette manip j'ai eu l'erreur suivante: ArgumentError: Error #1063: Non-correspondance du nombre d'arguments sur Diaporama$iinit(). 1 prévu(s), 0 détecté(s). et pourtant je n'ais absolument pas chgé le code.
Alors svp aidez moi!!!
G cherché de partt je trouve pas!!
Merci d'avance!!!!!!!!!!

Anto79 Il y a 1 an Répondre

Que rajouter?
Super!
Merci de ton temps, de la pédagogie dont tu fais preuve mais surtout du partage de ta connaissance!

team94 Il y a 1 an Répondre

Bonjour et félicitation pour ce super tuto qui me donne envie de m'y mettre encore plus !

j'ai une petite question je voudrait que les images s'affiches aléatoirement
mais je n'arrive pas a utiliser math.random

si tu as 5 min pour expliqué

sinon merci encore et bonne continuation !

Elise Il y a 1 an Répondre

Bonjour! tout d'abord un grand merci pour ce tuto clair et efficace !
Je me suis juste cassée un peu la tête quand il y avait oubli de parenthèses et que je n'avais pas le temps de voir ce que tu changeais...
J'ai une petite question au sujet des images, j'en ai une trentaine à incorporer et par... flemmardise je souhaiterais mettre une ligne de code qui pourrait les prendre toutes automatiquement sachant qu'elles ont un nom "séquentiel" : "img0.jpg" puis "img2.jpg", ... etc.
au lieu de taper
var tab=new Array("img/img0.jpg","img/img1.jpg","img/img2.jpg");
je suis sûre que tu sais comment on fait !
Merci d'avance.

oli Il y a 1 an Répondre

Bonjour , merci pour ce très bon tuto, qui fonctionne très bien, sauf lorsque je l’intègre à la page web, là rien ne se passe, il s'affiche mais aucune image ne défile...Je passe par un js:
<!--integration FLASH-->
<script src="js/jquery.flash.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function() {
$('#anim_fla').flash({
src: 'elements/ferme.swf',
width: 200,
height: 280,
version : 7,
});

});
</script>

qui marche très bien avec d'autres anim, mais pas celle_ci.
Est ce à cause de l'actionscrit3...?
Si qq'un a un code approprié, merci.
manifestement je ne suis pas le seul....

seb Il y a 1 an Répondre

Bonjour l'artiste, super tuto effectivement :-)
Ça marche pour moi en flash player

Mais Dreamweaver me fait le coup du rectangle blanc :-(
Dois-je declarer diaporama.as dans ma page html ?
plutot un probleme de chemin des photos ?
Merci pour l'aide je blok severe

natalkia Il y a 1 an Répondre

Source: import.caurina.transitions*;

et pourtant le répertoire img et caurina au même endroit que le .fla et le .as

Merci d'avance

natalkia Il y a 1 an Répondre

Bonjour,
merci pour ce tuto.
Tout se passait bien jusqu'au moment où j'ai importé caurina.

J'ai un message d'erreur et je n'arrive pas à le résoudre...:

Message d'erreur: 1084: Erreur de syntaxe : identifier est attendu devant dot.

morad Il y a 2 ans Répondre

j'ai bien compris la deference entre sprite et movieClipe

jultor Il y a 2 ans Répondre

Comment puis-je faire pour que le diaporama ait les angles arrondis ?
Je voudrais aussi que le diaporama soit en noir et blanc du début à la fin, comment je peux faire ?
Merci

Kazuya Il y a 2 ans Répondre

Bonjour ou bonsoir. J'ai suivis ce très bon Tutorial et ai donc fini le diaporama. Mais j'ai un problème lorsque je veut l'intégrer dans mon site. Mon diaporama ce lance bien mais aucunes image n'apparaît. J'ai contrôler les chemin vers mes images et tout m'a l'air correcte. J'ai même créée une page fictive avec Dreamweaver et essayer de lancer l’animation, mais là pareil, il lance bien l'animation mais aucune images n'apparaît. Pourtant lorsque je clique sur mon fichier SWF qui est sur mon bureau tous se passe bien, mes images défilent comme il faut. Bref, si quelqu'un pouvais m'aider parce que sa fais des jours que je suis dessus et je ne comprend rien ! Oo Voici le code que j'obtient avec DW et que j'essai d'intégrer dans mon site :

<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200" id="FlashID" title="Diaporama">
<param name="movie" value="flash/diaporama.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="BGCOLOR" value="#FFFFFF" />
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/diaporama.swf" width="400" height="200">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="BGCOLOR" value="#FFFFFF" />
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer "><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif " alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>

Où est mon erreur ?!. Merci d'avance pour vos futur réponses !

Eddy-Time Il y a 2 ans Répondre

Bonjour,

Tout d'abord, merci pour ce super tuto qui m'a vraiment enlever l'appréhension de l'AS3.

Donc en faite le diaporama en lui même fonctionne nikel!!

Le problème c'est que pour mon site perso que je refait en AS3 avec communication PHP-mySQL, et bien lorsque j'importe le diaporama, il se met en premier plan et du coup cache mon menu et mes textes (je me sert du diaporama comme image de fond, enfin j'aimerai ;-) )

Voici comment se construit mon site

Un fichier Site.swf qui contient 3 calques d'un frame a chaque fois nommé :
-AS : ou se trouve le code du menu
-Menu : ou se trouve le menu
-Pages : qui est un movieclip ou se trouve les différentes pages de mon site.

Pages est lui découper en plusieurs calques de plusieurs frame correspondant au différents onglets du menu. La première frame du calque AS contient le code suivant :

[code]
stop();

import Diaporama;

var home_variables:URLVariables = new URLVariables();
var home_varSend:URLRequest = new URLRequest("cms_control_file.php");

home_varSend.method = URLRequestMethod.POST;
home_varSend.data = home_variables;

var home_varLoader:URLLoader = new URLLoader;
home_varLoader.dataFormat = URLLoaderDataFormat.VARIABLES;
home_varLoader.addEventListener(Event.COMPLETE, home_var_comp);

home_variables.sendRequest = "get_home_text";
home_varLoader.load(home_varSend);

function home_var_comp(event:Event):void {
home_menu.htmlText = "" + event.target.data.home_menu;
home_tlt.htmlText = "" + event.target.data.home_title;
home_txt.htmlText = "" + event.target.data.home_texte;
}


stage.align = "TL";
var tab=new Array ("full_images/image1.jpg","full_images/image2.jpg","full_images/image3.jpg","full_images/image4.jpg","full_images/image55.jpg");

var d:Diaporama = new Diaporama (tab);

addChild(d);
[code]

Quand je compile mon swf, tout se passe pour le mieux, mon diaporama se charge derrière mon menu mais pas derrière mes textes, par contre des que je le test via localhost, la diaporama se met au premier plan et du coup masque tout mon contenu, menu... Moi en faite j'aimerai pouvoir le mettre en arrière plan ;-) A quoi ce phénomène est il du? Merci d'avance pour votre réponse et de ce fait votre aide. A bientôt Eddy-Time

gyll007 Il y a 2 ans Répondre

Bonjour et merci encore pour les tutos....
je suis au début de cette aventure

mais voila j'ai cree le

.as
package{

import.flash.display.MovieClip;
import.flash.display.Loader;
import.flash.net.URLRequest;

public class Diaporama extends MovieClip{

var images;

public function Diaporama (list:Array):void{

images=list;
charger();
}
public function charger(){
var l:Loader=new Loader();
l.load(new URLRequest(images[0]));
this.addChild(l);
}

}

}
/*
DIAPORAMA
-- l
*/

le . flv

import Diaporama;

var tab=new Array("img/Buc1.jpeg","img/Buc2.jpeg","img/Buc3.jpeg");

var d:Diaporama=new Diaporama(tab);
addChild(d);

et voila la liste des erreurs:
1172: La définition Diaporama est introuvable.
1046: Ce type est introuvable ou n'est pas une constante de compilation : Diaporama.
1180: Appel à une méthode qui ne semble pas définie, Diaporama.

Merci beacoups pour votre aide

comment vous voyez j-ai respectée a ligne vos instructions jusque ici .....

Merci encore ....

Zero Il y a 2 ans Répondre

Trouvé merci quand même =)

Zero Il y a 2 ans Répondre

Bonjour,

Tout d'abord merci pour ce joli tuto! J'ai suivi votre tuto à la lettre mais je rencontre une difficulté... En effet quand je compile j'ai une erreur qui dit "1078: Label doit être un simple identifiant" à la ligne: "l:load(new URLRequest(images[compt])):"
Je n'arrive pas à trouver l'origine de cette erreur (je suis sur Flash CS5)
Merci d'avance pour votre aide!

Kutfinger Il y a 2 ans Répondre

Bien le bonjour : )

Dans l'idée de faire une animation a diffusion aléatoire pour une exposition (con de graphiste va), je me suis basé sur ton tutoriel pour développer une class.

Je me heurte néanmoins a un soucis, la sélection aléatoire se fait etc, pas de soucis, mais je ne vois pas quel "listener" utiliser pour attendre la fin du clip qui se joue dans le loader avant de relancer la fonction de chargement aléatoire.

J'ai essayé : public function charger(e=0){
var alea:uint=Math.round(Math.random() * (8));
this.swapChildrenAt(0,1);
this.removeChildAt(1);
var l:Loader=new Loader();
l.load(new URLRequest(clips[alea]));
this.addChildAt(l,1);
l.contentLoaderInfo.addEventListener(Event("onMotionComplete",charger2);


}

ou la fonction charger 2 est identique que la première mais avec le e:Event en paramètres. Tout en sachant que le "onMotionComplete" est un dispatchEvent que j'ai sur la dernière frame de chacun de mes clips. Je pensais que cela marcherai mais ce n'est pas le cas. Pas d'erreur de compilation, mais une anim qui reste vide. Même le trace ne semble pas vouloir passer quand j'en met un.


En tout bien tout honneur merci d'avance

Et encore bravo pour le site : )

Fly Il y a 2 ans Répondre

Bonjour, bonjour tout d abord grand merci pour ton boulot impecable

bon j'ai un petit soucis tout marche a merveille en local et dés que je l'upload rien ne s'affiche sur ma page pas de diaporama est se que parceque j'ai un autre flv sur une page qui pose un probleme de conflits au niveaux des scripts (bien que le flv soit une bete video) don j'essaie pas mal de chose mais aucun résultats une idée pour moi ?

Cariboumatik Il y a 2 ans Répondre

Bonsoir,
Super tuto très bien expliqué et très abordable en pas à pas même quand on est nul en POO (bon j'avais quelques bases quand même). Le diaporama fonctionne nickel.
Là où ça se complique, c'est quand je veux insérer ce diaporama dans une page html classique. Je fais un import du fichier .swf ; et lorsque le nace mon navigateur, j'obtiens un rectangle blanc.

Que se passe-t'il ?
Un problème de lien relatif ?
Y'a t'il une manip à réaliser ?

Merci de bien vouloir m'éclairer à ce sujet !!

Guillaume

Grafikart Il y a 2 ans - Répondre

Les images sont chargé relativement au fichier html qui charge le flash. L'idéal c'est de mettre des liens absolus

virginprune Il y a 2 ans Répondre

Bonjour,
J'ai suivi à la lettre ce tuto et ça fonctionne mais j'aimerais rajouter du texte animé par dessus dans un bandeau mais le bandeau s'efface systématiquement malgré le "stop" alors que le texte lui reste figé après l'animation.
Quelqu'un aurait une solution ?
Merci

Véro Il y a 2 ans Répondre

Bonjour et merci pour cet excellent tuto. Je n'avais aucune des notions prérequises mais, après avoir cafouillé un peu... surtout avec les parenthèses (!), j'ai réussi à m'en sortir. Ouf. Merci de partager votre expérience avec de pauvres néophytes tels que moi. Cordialement.

hamtaro Il y a 2 ans Répondre

Merci pour ce tuto très bien expliqué

Olivier_of_Bordeaux Il y a 2 ans Répondre

Simplement bravo pour ce tutoriel très compréhensible et fort sympathique

hamstong Il y a 2 ans Répondre

Finalement j'ai un ptit soucis, en local ca marche super bien, mais je viens de le mettre en ligne et la ca ne fonctionne plus, j'ai seulement un cadre blanc, y aurait-il une solution ?

hamstong Il y a 2 ans Répondre

Tutoriel 5 etoiles. on y arrive du premier coup. tres bien expliqué, quand je pense que j'ai 2 ans de retards, je me demande bien ce quez tu es capable de faire maintenant.

jeanLuc Il y a 2 ans Répondre

merci, c'est superbe
juste une question, comment retailler les image à une dimension précise
ce serait sympa de ta part
as tu un site perso ou un blog avec d'autres vidéo
cordialement
JL

kevin Il y a 2 ans Répondre

salut,
Tout d'abord, merci pour ce tuto.
J'ai un petit soucis. En effet, quand je passe d'une photo en mode paysage à une photo en mode portrait, on voit légerement la photo qui a passé auparavant.
Comment puis-je faire pour qu'on ne vois plus la photo en paysage?

Nicolas Il y a 2 ans Répondre

Bonjour,

Excellent tutoriel ! Très complexe par rapport à mon niveau, mais on apprend des choses.
Bref j'ai un problème que je n'arrive pas à résoudre.

J'ai ce message d'erreur :
1046: Ce type est introuvable ou n'est pas une constante de compilation : loader.

et il concerne cette ligne :
var l:loader=new Loader();

Pourtant j'ai bien l'import en debut de code :
import flash.display.Loader;

Si vous pouvez m'aider, ce serait très sympa !
Merci beaucoup d'avance.

Gabriella Il y a 2 ans Répondre

Merci pour ta générosité, j'ai réussi le diaporama, seulement étant donné le format de mes images je n'ai pas activer les derniers paramatères (je dois recalculer lol). J'étudie actuellement au CNA CEFAG la formation "intégrateur de données multimédia", ce n'est pas facile, heureusement qu'il y a des gens comme toi sur la toile ! kisses ! Gabriella

7am Il y a 2 ans Répondre

J'ai beaucoup apprécié ce tuto qui m'a permis de mieux structurer les vagues notion de POO que je peux avoir. Au final je suis arrivé à faire ma 1° anim entièrement en POO qui n'est pas un bricolage de bric et de broc. Merci beaucoup.

akks Il y a 2 ans Répondre

Bonjour, j'ai suivi ton tuto a la lettre, d'ailleurs merci beaucoup

J'ai un soucis pour l'intégrer dans une page html.

Mes chemin d'accès sont correcte, ca me met une page blanche.

Testé aussi bien en local qu'en ligne...

Merci d'avance pour ton aide.

kay Il y a 2 ans Répondre

salut, et merçi pour le tuto,mais
est ce que tu pourrait me dire comment faire la meme chose en remplaçant les MovieClip en Sprite ou TextField stp?
car j'aimerai utiliser du texte a la des photos dnas l'Array.
merci.


Elrohir Il y a 2 ans Répondre

C'est bon mon problème est réglé.

Fallait juste que je mette le chemin complet pour la version web, alors que local c'est pas la peine.

El.

Elrohir Il y a 2 ans Répondre

Super tuto, merci beaucoup.
Compréhension du code facile, rendu très agréable, excellent.

J'ai une petite question concernant les transitions, si je souhaitais un autre effet entre chaque photo comme par exemple, une dissolution de l'image en petits carrés, comment l'implémenter.
Il faut juste que je trouve le package nécessaire?

El'

Apoulit Il y a 2 ans Répondre

IDEM !!!
Théo (Mardi 01 Septembre 2009 à 13:10):

Coucou, je débute dans le domaine et j'avoue être un peu largué..

Est ce que quelqu'un pourrait me dire ce que l'erreur veut dire plz :
Diaporama.as ligne 1 ( 5007: Un fichier ActionScript doit avoir au moins une définition visible de l'extérieur. )

Merci par avance, et encore bravo pour les tutoriels Grafikart

Théo

Apoulit Il y a 2 ans Répondre

Salut , personne peut poster les deux codes AS3 celui du diaporama et celui du.fla ça éviterai de taper au fur et à mesure ?

Merci.

Alicia Il y a 2 ans Répondre

Bonjour, déjà merci pour ce tuto
par contre, j'ai une erreur de compilation au moment où on rajoute les effets de transition, il me dit :

TypeError: Error #1006: getChildAt n'est pas une fonction.
at MethodInfo-119()

sans me localiser la ligne qui pose problème.
Pourtant j'ai bien relu, je ne vois pas de difference avec votre code...
merci d'avance

gbonnaud Il y a 2 ans Répondre

Je suis débutant mais votre tutoriel est très compréhensible, je bute sur un message d'erreur, je suis sur flash CS4
pas d'erreur de syntaxe mais pas de chargement des images:

description: 1172:la définition Diaporama est introuvable source: import Diaporama
description: 1046: Ce type est introuvable ou n'est pas une constante de compilation: diaporama source: var d:Diaporama=new Diaporama(tab)
description: 1180: Appel a une methode qui ne semble pas définie, Diaporama source: var d:Diaporama=new Diaporama(tab)

merci de votre aide
Gerrd Bonnaud
Reims





pagho Il y a 2 ans Répondre

grafikart... je souhaiterai avoir ton adresse mail stp

pagho Il y a 2 ans Répondre

slt à tous.
je n'arrive pas à voir la vidéo

Rapha Il y a 2 ans - Répondre

Cela ne dépend pas de Grafikart mais de Dailymotion...

razor Il y a 2 ans Répondre

Super le Tuto , d'ailleurs ca m'a trop inspiré pour faire mettre un flash que justement j'ai mis en ligne sur mon site films-en-streaming.info, j'ai aussi ajouté les liens pour chaque image, vu que le flash comporte des affiches de series,avec la possibilité d'effectuer un pause/play sur chaque image, le seul souci avec lequel je suis confronté c'est qu'aucune Transition na voulu fonctionner, j'ai pourtant suivi ton tuto à la moindre trace, je souligne que mes données parviennent d'un fichier XML

robertogalindo Il y a 2 ans Répondre

Bonjour,
J'aimerais savoir comment avoir accès au fichier source, je suis nouveau sur ce forum et j'ai beau chercher mais je ne trouve pas l'accès.

Merci.

miky97115 Il y a 2 ans Répondre

Comme certain j'ai l'erreur: ArgumentError: Error #1063: Non-correspondance du nombre d'arguments sur Diaporama(). 1 prévu(s), 0 détecté(s). c'est la même erreur que: jeffrizzz.
Mon code est comme le sien.
J'ai l'impression que c'est un bug.
J'ai déjà chercher à comprendre rien à faire .
Est ce que quelqu' un peu m'aider ???
Voici le code de mon .fla

//----- Code
import Diapo;

var t=new Array("img/img1.jpg","img/img2.jpg","img/img3.jpg","img/img4.jpg");
//var tableau1:Array = new Array();
//tableau1.push("img\img1.jpg");
//tableau1.push("img\img2.jpg");
//trace (t);

//var d:Diapo=new Diapo(tableau1);
var d:Diapo=new Diapo(t);
addChild(d);

//----End Code

esperal Il y a 2 ans Répondre

Superbe tutoriel, merci

ag Il y a 2 ans Répondre

Bonjour,

J'ai suivi cet excellent tutoriel pas à pas, ce qui m'a permis de faire un diaporama plein écran.
Dans ce cas de figure j'ai trouvé utile d'y rajouter le lissage des images, il n'y a plus qu'à rajouter ces deux lignes de code juste avant le réglage des tweener :

var contenu:Bitmap = e.target.content;
contenu.smoothing = true; //qui fonctionne avec l'objet BitmapData déjà importé dans le package.

Pour moi ça a été un petit plus, merci encore pour ton tuto

lollosub Il y a 2 ans Répondre

Bonjour et merci pour le tuto, seul petit pb le swf marche tres bien sous flash cs4 mais quand j'importe le swf dans dreamweaver rien ne s'affiche ! pourquoi???? merci pour la réponse

Grafikart Il y a 2 ans - Répondre

1/ Intègre le flash avec SWFObject (recherche pour trouver le tutoriel)
2/ L'url vers les images doit être celui par rapport à la page HTML, non pas par rapport au flash.

Kevin Il y a 2 ans Répondre

Bonjour,

Nous, avons réussis à réaliser notre propre diaporama (qui fonctionne très bien).

Cependant, nous avons un problème, nous n'arrivons pas à insérer le diaporama dans une page HTML. Pourriez-vous nous aider ?

Cordialement,

jeffrizzz Il y a 2 ans Répondre

Bonjour,
j'ai aussi cette ereur:


ArgumentError: Error #1063: Non-correspondance du nombre d'arguments sur Diaporama(). 1 prévu(s), 0 détecté(s).


Voici mon code:

Diaporama.as:

package {

import flash.display.MovieClip;
import flash.display.Loader;
import flash.net.URLRequest;
import flash.utils.Timer;
import flash.events.Event;
import flash.events.TimerEvent;
import caurina.transition.*;

public class Diaporama extends MovieClip {

var images;
var compt:uint=0;
var delai:Timer=new Timer(3000);

public function Diaporama(list:Array):void {

images=list;
this.addChild(new MovieClip());this.addChild(new MovieClip());
delai.addEventListener(TimerEvent.TIMER,charger);
charger();
}
private function charger(e=0) {
delai.stop();
this.swapChildrenAt(0,1);
this.removeChildAt(1);
var l:Loader=new Loader();
l.contentLoaderInfo.addEventListener(Event.COMPLETE,appar);
l:load(new URLRequest(images[compt]));
this.addChildAt(l,1);
compt++;
if (compt>=images.length) {
compt=0;
}
}
private function appar(e:Event){
this.getChildAt(1).alpha=0;
this.getChildAt(1).x=this.getChildAt(1).y=-200;
Tweener.addTween(this.getChildAt(1),{x:-200+(Math.round(Math.random()*2)-1)*200,y:-200+(Math.round(Math.random()*2)-1)*200, time:4, transition:"linear"});
Tweener.addTween(this.getChildAt(1),{alpha:1, time:1, transition:"linear"});
delai.start();
}

}

}


diaporama.fla:
import Diaporama;
stage.align="TL";

var tab=new Array("img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg","img/6.jpg","img/7.jpg","img/8.jpg","img/9.jpg","img/10.jpg","img/11.jpg","img/12.jpg","img/13.jpg","img/14.jpg","img/15.jpg","img/16.jpg","img/17.jpg","img/18.jpg","img/19.jpg","img/20.jpg","img/21.jpg","img/22.jpg","img/23.jpg");

var d:Diaporama=new Diaporama(tab);
addChild(d);


LE répertoire img et caurina au même endroit que le .fla et le .as

Je cherche depuis des heures où est ma faute. J'y connais pas grand chose, je me suis contenter de copier/coller...

Merci pour votre aide.




romano84 Il y a 2 ans Répondre

pourquoi j'ai cette erreur

ArgumentError: Error #1063: Non-correspondance du nombre d'arguments sur Diaporama/charger(). 0 prévu(s), 1 détecté(s).
at flash.utils::Timer/_timerDispatch()
at flash.utils::Timer/tick()

Csg-Studio Il y a 2 ans Répondre

Waow...
C'est vrai que des bases en POO ne seraient pas du luxe.

Bnito Il y a 2 ans Répondre

Bonjour,
moi j'ai un site a faire en flash avec pareil un fichier .as mais je voudrais savoir comment adapter ce code pour ne pas afficher la diapo dans la scene directement mais plutot dans un movie clip qui est dans la scene et qui possede une taille définie afin de pouvoir le placer dans un endroit de la scene ...

scoubiaq Il y a 2 ans Répondre

Salut, résultat vraiment super en "stand alone". J'ai juste un problème quand j'importe le swf sous dreamweaver.Il me fait juste une fenêtre blanche.Il n'a pas l'air de trouver les photos.Quelque chose m'échappe mais quoi ...
Si quelqu'un a une idée, ce serait vraiment super !

Teaspoon Il y a 2 ans Répondre

J'ai suivi le tuto pendant 4 heures, mais quand j'incorpore le Tweener rien ne marche, je n'ai plus d'image affichée sur le SWF et aussi je'ai le message que je nepeux pas utiliser le private
Peux tu me donner un coup de main?
je vois que le fichier source n'existe pas
Merci car visuellement ton diaporama est très agréable

Grafikart Il y a 2 ans - Répondre

J'ai mis en ligne le résultat.

Doudou Il y a 2 ans Répondre

Salut,
J'ai une erreur 1061 : Appel à la methode AddTween peut-être non définie, via la référence de type static Class.
...sur les 2 lignes Tweener.addTween
?!
Une idée ?

Mawan31 Il y a 2 ans Répondre

Merci de ta réponse, je viens de comprendre, c'est un L minuscule que tu a mis, pas le chiffre 1 ...

Mawan31 Il y a 2 ans Répondre

Bonjour à tous, j'ai un souci assez tôt dans le tutoriel et ça m'embête vraiment, voici la description de l'erreur :
1067: Contrainte implicite d'une valeur du type int vers un type sans rapport flash.display:DisplayObject.
Voici la ligne fautive :this.addChild(1);// on l'ajoute au clip

J'ai cette erreur au moment où l'on fait le premier essai qui affiche une image.

Merci de votre aide

Grafikart Il y a 2 ans - Répondre

addchild() attend un nom de clip à l'intérieur, par exemple addChild(mon_clip) et tu ne peux pas nommer des clips avec des numéros

chris02 Il y a 3 ans Répondre

bonjour,
j'ai une erreur des que j'utilise le fichier swf seul :
Error #2044: IOErrorEvent non pris en charge : text=Error #2035: L'URL est introuvable.

et je ne peut donc pas l'exploiter , dommage !

Grafikart Il y a 3 ans

L'url du fichier XML a été changé
Essayez de remplacer avec ce lien grafikart.fr/tutoriels/xml

chris02 Il y a 3 ans

bonjour
j'ai déposé à la racine du site joomla mes docs
puis modifié le code du module bannière en swf est c'est ok /* le visuel du cv en cours tourne en page d'accueil ...*/
sauf que je n'ai que deux de mes 5 images pourtant renseignées et installées qui s'affichent (en local fonctionnement parfait !)bizarre ?

Grafikart Il y a 3 ans

Une image doit bloquer. Sûrement un problème de nom (majuscule) ou de lien.

chris02 Il y a 3 ans

Exact, le noms des visuels en maj pour la 3,4,5 désolé !!
le diaporama est vraiment bluffant par contre je croyais qu'il était configuré pour tourner en boucle ? a moins que cela doit être paramétré sur joomla ?

chris02 Il y a 3 ans - Répondre

non en fait çà marche, merci pour tout

fred Il y a 3 ans Répondre

super tuto, merci bcp, avec ceci j'ai gagné beaucoup de temps de formation.

Fabrice Il y a 3 ans Répondre

Bonjour à tous, et d'abord merci au raton laveur pour son excellent tutoriel !
J'ai néanmoins un soucis une fois le swf fonctionnel mis en production, en effet,
il se forme une boucle infini qui va récupérer par méthode GET les images sur mon serveur. Exemple pour un diaporama à 4 images il récupére l'image 1 puis la 2, ... 3 ... 4 mais il repasse ensuite à l'image 1, le problème étant qu'il y a toujours du traffic entre le serveur et le client.
Je pensais que les images seraient stockées dans un buffer ou je ne sais quoi d'autre mais ce n'es pas le cas, il existe une solution ?

Mac_n_Jack Il y a 3 ans Répondre

Au sujet des freeze (qui ressemblerait a des baisse de frame rate), je pense qu'elles sont dû à un pb d'angle et de calcul. en utilisant des image de la taille de celle du tuto il n'y a aucun probleme mais avec certaines taille d'image (800x500 par exemple), les déplacements en diagonale (en x et y) se font en "escalier" d'ou cette effet disgracieux. Il faut penser a modifier les valeur en fonction de la taille de vos images.

Psyco Il y a 3 ans Répondre

Si besoin est je peux t'envoyer par e-mail le fla du header Grafikart.

Psyco Il y a 3 ans Répondre

Je le mets sur mon ftp de suite l'adresse est :

http://aurelweb.fr/header/header.html

Ce n'est pas encore le header définitif mais c'est pour montrer surtout quel est mon soucis :D

Psyco Il y a 3 ans Répondre

Bon j'ai réussi a trouver pourquoi il me disait l'erreur mais maintenant j'ai un autre soucis.
En fait je veux insérer le diaporama dans un header en flash dans une dimension définie ainsi qu'à un endroit défini. Le soucis c'est que quand je lance l'animation il ne se met pas ou je le souhaite.
Est-ce que quelqu'un pourrait m'aider s'il-vous-plait.

Merci à tous.

Grafikart Il y a 3 ans - Répondre

Tu aurais l'url pour que l'on comprenne plus aisément les causes ?

Psyco Il y a 3 ans Répondre

Salutation,
Très bon tuto sauf que j'ai un soucis et je ne vois pas pourquoi.
Quand je compile je n'ai pas d'image car il me dit :
1172:la définition Diaporama est introuvable.

Si quelqu'un pouvait m'aider je lui en serait très reconnaissant.

Merci

Théo Il y a 3 ans Répondre

Coucou, je débute dans le domaine et j'avoue être un peu largué..

Est ce que quelqu'un pourrait me dire ce que l'erreur veut dire plz :
Diaporama.as ligne 1 ( 5007: Un fichier ActionScript doit avoir au moins une définition visible de l'extérieur. )

Merci par avance, et encore bravo pour les tutoriels Grafikart

Théo

Did Il y a 3 ans Répondre

Salut a tous,

Bon tout d'abord je tiens à saluer le travail réalisé car je cheche un slideshow sur le web depuis un cretain temps et franchement c'est le plus design que j'ai pu trouver en source libre.
Mais voila vu mon niveau limité en flash j'aurai voulu savoir quel code as doit on ajouter pour intégrer les boutons de commandes basiques "pause", "previous", "next".
Merci pour votre aide

Did

seb Il y a 3 ans Répondre

salut

Bon petit tuto, par contre je pense que tu a oublier une chose essentielle.

la "progression" car quand cela sera en ligne pour le première image personne ne verra la progression donc si l'image est
de grande taille ca va prendre un certain temps avant quelle ne ce charge, du coup les gens vont se demander si il n'y a pas un bug.

seb

seb


Francky Info Il y a 3 ans Répondre

Salut,

très bon tutoriel!

Juste un petit truc, je me demandais si tu te souvenais bien te tes cours de math? hihihi

car en fait au lieu de mettre:
compt++;
if(compt>=images.length){
compt=0;
}

on aurait put utiliser la fonction modulo:
compt=(compt+1) % 3;

Enjoy et vive les maths!

devil14 Il y a 3 ans Répondre

Bonjour,
A nouveau un compliment à ces ressources pédagogiques tellement ergonomiques et abouties. Merci de mettre en ligne de telles leçons et d'avoir la grandeur d'esprit de partager son savoir, c'est remarquable !
Je viens de suivre avec rigueur ce tuto, le résultat est fonctionnel, cependant, j'observe quelques "tremblements" disgracieux dans l'anim' ça manque de fluidité.
Je n'ai pas le meme format de scene ni d'image, voilà pourquoi j'ai "à ma façon" les paramètres de déplacement et de timer...
quelqu'un a t il une proposition ?
mes sources : http://www.jc-devillard.fr/V2/lib/Diapo.rar

ymans22 Il y a 3 ans Répondre

bonjour a tous et tout d'abord merci pour ce tutoriel c'est magnifique.
j'ai un petit souci j'utilise une version d'évaluation de flash cs4 et lorsque je suis le tutoriel j'ai aucune erreur de syntaxe mais en revanche j'ai cette erreur :
Error #2044: IOErrorEvent non pris en charge : text=Error #2035: L'URL est introuvable.
cette erreur s'affiche dans l'onglet "sortie"
et lors de l'exécution c'est juste ma première photo qui s'affiche.
merci de votre aide
et au fait Dou tu as déclaré images avec s mais tu l'utilise sans s c 'est aussi un problème.

dou Il y a 3 ans Répondre

1037: Les packages ne peuvent pas être imbriqués.

package {

import flash.display.MovieClip;

import flash.display.Loader;

import flash.net.URLRequest;

import flash.utils.Timer;

import flash.events.Event;

import flash.events.TimerEvent;

import caurina.transitions.*;



public class Diaporama extends MovieClip{

var images;
var compt:uint=0;
var delai:Timer=new Timer(3000);

public function Diaporama (list:Array):void{

images=list;
this.addChild(new MovieClip());
this.addChild(new MovieClip());
delai.addEventListener(TimerEvent.TIMER,charger);
charger();
}
private function charger(e=0){
delai.stop();
this.swapChildrenAt(0,1);
this.removeChildAt(1);
var l:Loader=new Loader();
l.contentLoaderInfos.addEventListener(Event.COMPLETE,appar);
l.loader(new URLRequest(image[compt]));
this.addChildAt(l,1);
compt++;

if(compt>=images.length){
compt=0;

}
}
private function appar(e:Event){
this.getChildAt(1).alpha=0;
this.getChildAt(1).x=this.getChildAt(1).y-200;

}
}
}



si vous pouvez m'aider, je me casse la tête dessus merci.

ilyesn Il y a 3 ans Répondre

Super le tuto je vais l'intégrer dans mon site merci mais j'avoue que c'était vraiment long ^^

EaZoToP Il y a 3 ans Répondre

C est bon, j ai trouvé, c est tout con, j avais pas mis assez d images dans mon dossier ^^'

EaZoToP Il y a 3 ans Répondre

Plop !
J'ai cette erreur au moment d'intégrer le timer =/
J'ai repris le tuto 2 fois, j'ai juste changé les noms des variables
[quote]

Error #2044: IOErrorEvent non pris en charge : text=Error #2035: L'URL est introuvable.
Error #2044: IOErrorEvent non pris en charge : text=Error #2035: L'URL est introuvable.

[/quote]

Si tu pouvais m'aider steuplé =)

Leimi Il y a 3 ans Répondre

Merci beaucoup pour le tuto, je connaissais un tout petit peu la prog' objet mais pas du tout flash, il m'a bien aidé

Lys Il y a 3 ans Répondre

J'ai un message d'erreur me disant :
1067: Contrainte implicite d'une valeur du type int vers un type sans rapport flash.display:DisplayObject.

je ne comprend pas !!!
Pourrais tu m'aider stp !!

Hallybii Il y a 3 ans Répondre

oups c 'est pas le bon message d 'erreur

TypeError: Error #2007: Le paramètre url ne doit pas être nul.
at flash.display::Loader/_load()
at flash.display::Loader/load()
at Diaporama/charger()
at flash.utils::Timer/_timerDispatch()
at flash.utils::Timer/tick()

Hallybii Il y a 3 ans Répondre

Bonjour , j ai un souci lorsque que je veux remettre le compteur a zéro ,
en mettant if(compt>=images.length){
compt=0;
}
j ai un message le message d'erreur suivant

ArgumentError: Error #1063: Non-correspondance du nombre d'arguments sur Diaporama/charger(). 0 prévu(s), 1 détecté(s).
at flash.utils::Timer/_timerDispatch()
at flash.utils::Timer/tick()
et le diaporama ne repart pas de la première image.

bariton Il y a 3 ans Répondre

jvoulais dire :j'ai aucune notion en flash, je connais pas le logiciel et je ne sais pas pour ce que je veux faire (un defilement de 2, 3 photos ou une diapo) si ca vaut le coup que jmy mette

Grafikart Il y a 3 ans Répondre

@bariton : J'ai du mal à saisir ta question, étant donné que le tutoriel se trouve juste au dessus...

bariton Il y a 3 ans Répondre

salut bravo pour tes tutos
je voulais te demande : as tu fais un tutoriel pour réaliser un diaporama (simple en flah)

Ludouze Il y a 3 ans Répondre

Super Tuto super blog je vais tous dévorer !!! Merciiiii

cajoline Il y a 3 ans Répondre

Oui c'est parfait ça fonctionne très bien
Merci et encore félicitation pour tous vos tutos

Grafikart Il y a 3 ans Répondre

@cajoline : Place le dossier caurina au même niveau que ton fichier .fla. Ca devrait résoudre le souci

cajoline Il y a 3 ans Répondre

Très bon tuto par contre j'ai un petit problème
pour installer caurina j'ai installé le dossier (je suis sur mac)
dans dans Flash/Configuration/Classes/caurina
et dans la class Diaporama j'ai importé comme cela

import caurina.transitions.*;

j'ai une erreur en disant que le nom du paquet caurina.transitions ne reflète pas l'emplacement de ce fichier
quelqu'un aurait-il une idée

Merci

leknoppix Il y a 3 ans Répondre

Merci pour ce tuto très simple. Cependant j'ai un problème. Je n'arrive pas a mettre un logo qui restera fixe quelque soit les mouvements derrière. J'ai utilisé les calques mais sa ne veux pas. Te serais-t-il possible de m'indiquer comment faire stp?

Merci d'avance.

Sk' Il y a 3 ans Répondre

Possible d'ajouté deux flèches (< (Precedent) / (Suivant) >) ?
J aimerais bine apprendre a faire un diapo (Et apprendre le css et le html mais c'est pas gagner)

timothe Il y a 3 ans Répondre

Bonjour,
Je viens juste de commencé flash depuis hier avec adobe flash cs4 est je viens de réalisé se tutoriel sans souci apparent ( j'ai des basses en poo !! ) est voici mon résultat, animation en milieu de page http://lalyreendelire.zone-irc.fr/ .

Super bon tuto merci beaucoup !!!

Grafikart Il y a 3 ans Répondre

@Spirale : Oups en effet mauvais lien. C'est corrigé

Spirale Il y a 3 ans Répondre

Petit problème de lien semble-t-il car la vidéo de ce tuto renvoie au tuto jaquette Photoshop.
S'il est possible de rectifier, j'attends avec impatience ce tuto pour le dévorer comme je l'ai fait pour les autres.
Merci pour ce riche enseignement et bonne chance.

Grafikart Il y a 3 ans Répondre

Pour les flv il faut utiliser un composant spécial qui permet de lire les vidéos FLV. Un tutoriel prochain peut-être

missiedio Il y a 3 ans Répondre

superbe tuto.j'aurais juste une question est ce que on peut l'utilisé pour des vidéos en remplaçant le .jpg en .flv par exemple?
ou est ce que il faut changer beaucoup de chose au code?(en fait j'ai deux questions :0)

lgml Il y a 3 ans Répondre

Super bon tutoriel ! Franchement bravo ! Pile ce que je voulais faire !
J'ai passé la journée à chercher comment débuter en Flash et AS3, j'ai trouvé mon bonheur.

Merci beaucoup.

Speer0 Il y a 4 ans Répondre

Et bien j'ai attaqué l'action script il y a une semaine grâce à un livre très bien construit, et je doit avouer que avec un minimum de base on peut tout comprendre ! Lancez vous car Grafikart va nous faire des trucs encore plus durs je le sens

Johan Il y a 4 ans Répondre

Vraiment un bon tutoriel :D

Speer0 Il y a 4 ans Répondre

Et bien moi même au bout d'une semaine j'ai du mal.
Il vaut mieux avoir des notions en POO sinon c'est vraiment difficile de suivre. Mais il est très bien expliqué comme d'habitude c'est vrai

Joomweb Il y a 4 ans Répondre

Après 3 jours de transpiration d'énervement et de technique vaudou pour dompter ton tuto j'ai réussi!!!!!
il est vrai qu'il est préférable d'avoir quelques bases en POO.
Tuto très bien expliqué quand même! Comme d'habitude.
Bonne continuation

garlacour Il y a 4 ans Répondre

Merci, j'ai vu un peut tes sources vite fait, il à l'air compliquer je le regarderais plus quand j'aurais plus de temps 40 minutes :P

Grafikart Il y a 4 ans Répondre

Ah, j'avais prévenu

C'est plus pour aider les gens qui souhaitent se mettre à l'AS3 et qui ont déja bien touchés le logiciel et la programmation. Mais je vais me rattraper avec un tutoriel sur After Effect qui sera facile.

Shark Il y a 4 ans Répondre

ce n'est pas facile faut l'avouer lol

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.