DIAPORAMA AVEC EFFET DE TRANSITION (FONDU DEPUIS NOIR) diaporama, transition, preload, image, photo, Source N°41834

Information sur la source

Catégorie :Effets d'images Classé sous : diaporama, transition, preload, image, photo Niveau : Débutant Date de création : 13/03/2007 Date de mise à jour : 13/03/2007 13:29:22 Vu / téléchargé: 30 696 / 9 488

Auteur : kikujirobmx

Site perso

Ecrire un message privé

Note :

8,29 / 10

1
2
3
4
5
6
7
8
9
10

Commentaire sur cette source (12)

Ajouter un commentaire et/ou une note

Description

Voici un diaporama simple et efficace qui réalise des transitions à chaque clip
(on joue sur l'opacité à l'apparition d'une photo) et qui est doté d'une barre de preload dans le coin de l'animation
et du titre de la photo en bas.
De plus avec un clic sur la photo il y a une fonction de zoom.

Source

var limite:Number = 200;
var imgAgrandi:Boolean = false;
var numImg:Number = 0;
titreImg = "Cliquez Suivant";
btPrecedente._visible = false;
verifLimit = function() {
if (numImg >= 4) {
btSuivante._visible = false;
}
else {
btSuivante._visible = true;
}
if (numImg <= 1) {
btPrecedente._visible = false;
}
else {
btPrecedente._visible = true;
}
}//verifLimit()
btPrecedente.onRelease = function () {
numImg--;
traitement();
}//onRelease
btSuivante.onRelease = function () {
numImg++;
traitement();
}//onRelease
traitement = function() {
verifLimit();
titreImg = 'Image00'+numImg+'.jpg';
this.createEmptyMovieClip('image', 1);
this.image.loadMovie(titreImg);
this.image._alpha = 0;
this.chargeur.image = this.image;
this.chargeur.onEnterFrame = function() {
this.barre._xscale = ((image.getBytesLoaded()/image.getBytesTotal())*100);
if ((image.getBytesLoaded() == image.getBytesTotal()) && (image.getBytesTotal()>0)) {
//Taille Photo
if(image._height >= limite && image._height > image._width) {
image._height = image._height / (image._width / limite);
image._width = limite;
}
else {
image._width = image._width / (image._height / limite);
image._height = limite;
}
//Centrage Photo
image._x = (Stage.width - image._width)/2;
image._y = (Stage.height - image._height)/2;
//Transition opacité
image._alpha += 5;
if(image._alpha >= 100) {
delete image.onEnterFrame;
}//if
image.onRelease = function () {
if (imgAgrandi) {
limite = 200;
imgAgrandi = false;
}
else {
limite = 300;
imgAgrandi = true;
}
}//onRelease
}//if
}//onEnterFrame
}//traitement()

var limite:Number = 200;
var imgAgrandi:Boolean = false;
var numImg:Number = 0;
titreImg = "Cliquez Suivant";

btPrecedente._visible = false;

verifLimit = function() {
	if (numImg >= 4) {
		btSuivante._visible = false;
	}
	else {
		btSuivante._visible = true;
	}
	
	if (numImg <= 1) {
		btPrecedente._visible = false;
	}
	else {
		btPrecedente._visible = true;
	}
}//verifLimit()


btPrecedente.onRelease = function () {
	numImg--;
	traitement();
}//onRelease

btSuivante.onRelease = function () {
	numImg++;
	traitement();
}//onRelease

traitement = function() {
	verifLimit();
	titreImg = 'Image00'+numImg+'.jpg';
	
	this.createEmptyMovieClip('image', 1);
	this.image.loadMovie(titreImg);
	this.image._alpha = 0;
	this.chargeur.image = this.image;
		this.chargeur.onEnterFrame = function() {
			this.barre._xscale = ((image.getBytesLoaded()/image.getBytesTotal())*100);
			if ((image.getBytesLoaded() == image.getBytesTotal()) && (image.getBytesTotal()>0)) {
				//Taille Photo
				if(image._height >= limite && image._height > image._width) {
					image._height = image._height / (image._width / limite);
					image._width = limite;
				}
				else {
					image._width = image._width / (image._height / limite);
					image._height = limite;
				}
				
				//Centrage Photo
				image._x = (Stage.width - image._width)/2;
				image._y = (Stage.height - image._height)/2;
				
				//Transition opacité
				image._alpha += 5;
				if(image._alpha >= 100) {
					delete image.onEnterFrame;
				}//if
				
				image.onRelease = function () {
					if (imgAgrandi) {
						limite = 200;
						imgAgrandi = false;
					}
					else {
						limite = 300;
						imgAgrandi = true;
					}
				}//onRelease
			}//if
	}//onEnterFrame
		
}//traitement()

Conclusion

Il suffit de placer ses photos (nommées ici Image001, Image002, etc...) dans le même dossier
et de changer à la ligne 9 le nombre de photos totales (ici 4 ;-) ).

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 !

diapo
- diaporama.fla56 320 octets
- diaporama.swf 3 679 octets
- Image001.jpg 171 720 octets
- Image002.jpg 271 450 octets
- Image003.jpg 165 852 octets
- Image004.jpg 327 683 octets
- Thumbs.db17 408 octets

Télécharger le zip

Historique

13 mars 2007 02:50:24 :: Ajout de la fonction de zoom/dezoom par simple clic sur la photo.
13 mars 2007 13:29:22 :: Ajout du Zip

Sources de la même categorie

Toutes les sources de la catégorie Effets d'images

Sources en rapport avec celle ci

Commentaires

Commentaire de mehdi7604 le 15/03/2007 00:41:33

joli truc , ce que je pense :
avantages :
Temps du cahrgement réduit --> charger image par image
inconveniants :
l'outils présentation existe déja avec des transitions et tt .
bon code
Commentaire de kikujirobmx le 15/03/2007 18:32:05

merci pour le commentaire, :) c'est surtout un code à but pédagogique, étant entrain d'apprendre l'action script en ce moment j'ai pondu çà et voila !
Commentaire de hectordom le 07/04/2007 02:10:54

moi je me place juste en tant qu'utilisateur (je sui peintre et je voudrais trouver des outils simples et efficaces)
Juste deux remarques..
- dommage d'avoir une zone titre pour mettre "image 001-002 etc", un petit fichier texte xml pour remplire cette zone ? avec au choix: titre et/ou commentaire?
- Pourquoi commencer par du noir ?
Moi ça me plaît un outils very simple et léger...
Commentaire de alaricdebalaison le 21/08/2007 16:18:39

Bonjour, tout celà à l'air bien séduisant et simple.
Pourtant le fichier flash fait planter Flash, et le morceau de code n'est pas compri spar Dreamweaver.
Je suppose qu'il faut coller ton code dans un simple page html placée dans le même répertoire que les images et le fichier Flash ?
Commentaire de zarkofaj le 23/09/2007 20:57:30

Je n'ai pas encore télécharger ' Mais prometteur, intéressant : Ton écriture est clean '
| DM, Qc Canada.
Commentaire de michelborgne le 27/09/2007 06:33:34

Merci pour ce code excellent. Il y a peut être plus efficace sur ce site, mais pédagogiquement, c'est top. Je suis en train de rédiger un document de prise en main de Flash, et je vais certainement utiliser ta source comme exemple de ce que l'on peut faire avec Flash pour gérer des images. (je te citerai évidemment).

un grand merci
Commentaire de pppooddd le 08/11/2007 16:29:30

hi everybody,

je ne m'y connais pas trop en flash.
mais si j'ai bien compris il suffit de créer une frame dans un fichier flash et d'y associer ce script (y un petit "a" qui apparaît sur le petit rectangle symbolisant chaque frame, dans la time line). c'est ça ?
où j'ai faux ?

merci !

:)
Commentaire de zarkofaj le 09/11/2007 09:44:43

Salut pppooddd : Tu n'a pas dit faux. Mais à connaitre Flash t'en feras de meilleurs découvertes, savoir où placer son code est une chose parmis tant d'autres. Et celà ne s'arrête pas au premier 'frame de la timeline'. Savoir développer son scénario est un art en soi. Les codes externes est une autre façon. Bref c'est Flash aux multiples possibilités, comme pour plusieurs autres langages d'ailleurs.
[ Notice : 'je ne m'y connais pas trop en Flash,' ]. Alors và et connais le, Bonne chance. | DM Qc, Canada.
Commentaire de pppooddd le 09/11/2007 18:37:02

salut zarkofaj !
yes thank you
mais c'est que c'est chaud d'être pro en tout.
c'est ça le problème.

enfin bref
c'est sûr on a pas rien sans rien. alalala ma tête :)
Commentaire de hsiachi le 05/12/2007 10:52:12

Salut Kiku...(dur à prononcer le rest :o) )

Je voulais te remercier pour ton script qui est très clair et très compréhensible pour des débutants comme moi.
J'ai appris beaucoup de choses.
J'ai recherché un tutoriel pour une galerie photo dynamique simple et durant une heure, je n'avais rien trouvé d'abordable même dans la rubrique "débutante".

Encore merci, tu m'a beaucoup aidée.
Biz.
Commentaire de hsiachi le 05/12/2007 10:53:34

10/10 :-p
Commentaire de xysis le 21/03/2008 05:58:56

Trés belle sources (heu pas graphiquement lol tu aurais pu faire un effort) mais sinon trés propre. Quelle bonne idée de répertorier les accollades qui font en general planter flash(essayez de lire l'encyclopedie sans point ou virgule... le premier qui devient pas tout bleu j'en fais un millionnaire).
Je viens de poster un com sur une "source de menu"...quel menu? quelle source? ha c'etait un menu!!! ici un truc concret, enfin donc felicitation et merci. Pourrais tu par contre faire évoluer ce script de maniere à ce que l'actualisation ne se fasse pas obligatoirement dans flash (pense au musicien qui trime 8h par jour sur son instru et qui essaye de mettre les photos de son dernier concert gratuit pour les enfants leucemeiques et qui s'est fais chier (pour lui la prog c du chinois) a recoder ta source. Un mois plus tard la version d'evaluation de flash ayant expiré, il fait comment?...
La récuperation de l'adresse du fichier et d'eventuels commentaires via XML sont vraiment pas dur... Pense à simplifier le plus possible le fichier XML comme une SGBD (base de données relationnelles). Ta source est une des meilleur que j'ai vu sur le net en la matiere (je vous conseille à tous les bouquins aux editions Eyrolles qui sont une veritable mine d'or et surtout qui sont vraiment accessible au commun des mortels..

J'attends donc avec impatience que tu lise cette critique (qui te vaut un 10/10 quand meme lol) et que tu modifie ta galerie en conscequence et là je temettrais 20/10(je voterai deux fois ^^)

Bien a toi et surtout bons développement, tu dis débuter, c'est deja du joli travail persevère!!!

Ajouter un commentaire

Discussions en rapport avec ce code source

preload son par clav

retarder le chargement par jdeboer

Diaporama avec preload par lioliolio

Stoper un annimation par jv2759

problème avec preload par sabrukano

diaporama photo par flybuster

Recadrage d'image depuis une photo vers une nouevelle taille en flash par Fangona

diaporama photo par thibautmarchal

Navigation image vignette et maxi par jeyspy

boucle diaporama panoramique par biloute73