Accueil > > > DIAPORAMA AVEC EFFET DE TRANSITION (FONDU DEPUIS NOIR)
DIAPORAMA AVEC EFFET DE TRANSITION (FONDU DEPUIS NOIR)
Information sur la source
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 ;-) ).
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
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
preload son [ par clav ]
bonjour bonjour,voila j'ai un petit prob:je souhaite faire un petit interface de lecture de mp3 en ligne (un truc pour écouter des morceaux de musique
retarder le chargement [ par jdeboer ]
Bonjour,J avais laisse precedemment un message sur le non affichage d un preloader. En effet, il s affichait pas.Je crois que j en ai compris la raiso
Diaporama avec preload [ par lioliolio ]
Bonjour, y a t il un diaporama qui en plus de gérer plusieurs album ou une centaine d'images dans un répertoire, ajoute en plus un petit préload pour
Stoper un annimation [ par jv2759 ]
Je suis ultra debutant en flash et en plus je suis plutot habituer au language traditionel de programation. Donc on vas dire que je suis plutot perdut
problème avec preload [ par sabrukano ]
Bonjour tout le monde,Donc voilà, je vais essayer d'expliquer clairement mon problème. Pour charger mon diaporama j'ai créer un preload qui semble mar
diaporama photo [ par flybuster ]
est-ce que qq'un sait pourquoi les photos de diaporama s'affichent en local mais pas sur le serveur distant?
Recadrage d'image depuis une photo vers une nouevelle taille en flash [ par Fangona ]
Bonjour a tous,Je voudrait comprendre comment faire pour arrivé à zoomée sur une image et au même temps arrivé à l'envoy
diaporama photo [ par thibautmarchal ]
Bonjour,je cherche à faire une gallerie photo avec redimentionnement de ma fenetres en fonction de ma photo (avec de l'xml)...je cherche un tuto,
Navigation image vignette et maxi [ par jeyspy ]
Salut tout le monde,Il ya fort longtemps j'avais mis la main sur un script de "navigation" sur photo je m'explique.Dejà la photo de base en fond
boucle diaporama panoramique [ par biloute73 ]
Bonjour, j'ai réalisé un diaporama mettant en scene une vue panoramique. Lorsque l'utilisateur clique sur 2 boutons, il peut faire défiler l'image soi
|
Derniers Blogs
[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE
Forum
FLASH ET XMLFLASH ET XML par ramonzarat
Cliquez pour lire la suite par ramonzarat
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
Comparez les prix

HTC Hero
Entre 550€ et 550€
|