Rangé dans Pas à pas Flash CS3 |
Posté par Bertrand Biss | Lien permanent
Nous allons créer une mini galerie photo en externalisant les images et en les chargeant à l'aide du composant Loader.
 |
Durée : 04:00 Auteur : Jean-Luc Delon |
 |
Raccourci productif pour recadrer Lightroom Yves Chatain |
 |
Gérer la surimpression Illustrator CS5 Frédéric Perpere |
 |
Grep et Feuilles de styles InDesign CS5 Benoit Leprince |
 |
Le nouveau moteur 3D d'AE CS6 After Effects Nicolas Doretti |
Contact - Wisibility est une marque déposée - Mentions légales
infos - inspiration - rendez-vous - logiciels materiels - tutoriels gratuits - formations en ligne - forums - galeries - glossaire - wisi tv
Propulsé par Dotclear
Illustrator CS6 - Les nouveautés
InDesign CS6 - Les nouveautés
Flash CS6 - Les nouveautés
Dreamweaver CS6 - Les nouveautés
Premiere Pro CS6 - Les nouveautés
After Effects CS6 - Les nouveautés
Contacts
Newsletter
Twitter
RSS
RSS des commentaires
Podcasts des tutoriels
Commentaires
Super JL
com dab… avec toi le code m'attire un peu plus que d'habitude…
Merci Jean Luc. Tout comme Tony, ce genre de tuto m'intéresse et me donne vraiment envie d'approfondir mes connaissances flash.
Le Flash m'attire de plus en plus avec tes conseils !
L'Action Script que je trouvais jusqu'ici assez compliqué me tente également assez bien avec toi.
Bref, que du bon
Merci beaucoup pour ce tuto, ça devient tout de suite beaucoup plus simple et compréhensible.
Vraiment bravo.
Il ne me reste plus qu'a savoir comment mettre ces vignettes dans une sorte d'ascenseur quand il y en à trop pour la taille de l'écran... ça serait top. Peut être un prochain tuto...
Encore Merci...
Bonsoir , j'ai un petit souci , je vous explique :
Je suis entrain de crée un site internet avec Dreamweaver et Flash Cs3 , j'ai construit un diaporama comme le votre sur la vidéo présenté , le problème est que lorsque je place l'animation flash dans Dreamweaver , et que je fait un aperçu avec Firefox , quand je clik sur les images , l'image centrale (loader) n'apparait pas... Je ne sais que faire .
Merci de bien vouloir m'aider.
Bravo, c'est génial comme tuto....!
petite question : peut on mettre les vignettes dans un ascenseur ?
merci d'avance et merci encore
Bonjour merci beaucoup pour ce tuto par contre j'ai un souci . J'ai fait une gallerie avec 3 photos et je l'ai mis sur mon serveur. Lorsque je charge pour la première fois mon animation les 3 images sont en mode "agrandie" superposés les unes sur les autres et lorsque j'actualise la page j'ai aucun souci j'ai les 3 petites photos est ce un bug de IE?
Bonjour, savez vous si'il existe un tuto pour donner ce type d'effets (www.touslesstickers.com/c... voir au centre de la page ?
WOW, c'est vraiment ce que j'etais entain de chercher sur google. Thx à Wisi.
Bonjour,
Merci d'avoir regarder mon petit tutorial.
Voilà quelques explications complémentaires :
Le principe de cette galerie est le suivant :
La particularité de Flash c’est qu’un élément dans la bibliothèque ne pèse qu’une fois sont poids même s’il est utilisé X fois sur la scène.
Nous utilisons ici le composant loader qui pèse environ 30 Ko pour charger des images externes.
Si le total du poids de vos images externes est supérieur au poids du composant loader (30Ko) c’est intéressant d’utiliser le composant loader sinon importer vos images dans la bibliothèque.
Cette galerie vous permet de mettre autant de miniature que vous le souhaitez.
Chaque miniature utilise un composant loader nommé : img0 pour la première img1 pour la seconde img2 pour le troisième etc.
Enfin un composant loader plus grand en taille nommé central chargé d'afficher n'importe laquelle des miniatures en grand.
Le code :
img0.onRelease=function(Void) :Void{
central.contentPath="images/image0.jpg";
} ;
img1.onRelease=function(Void) :Void{
central.contentPath="images/image1.jpg";
} ;
etc…..
Bon courage à toutes et à tous..
ta galerie est genial c'est propre bien explique nickel quoi
par contre je rencontre un os quand je teste l'animation
tous marche mais quand importe le fichier swf sur une page web celui-ci ne marche plus es ce que j'aurais oublie quelque chose
Bonjour,
Pour répondre à la question de seabird63, il faut mettre en ligne dans le même dossier le fichier swf, les images, le fichier html et le fichier AC_RunActiveContent.js.
Les fichier swf, html et js sont générés par fichier publier.
Bon courage....
J'aimerai utilisé ce procédé pour un site perso, mais le problème c'est qu'à la place des photos miniature j'aimerai utilisé un bouton déja crée. Ma question est donc comment remplacer les miniatures par mes propres boutons ou savoir s'il est possible de convertir mes boutons en "loader"?
Bonjour,
et oui à la fois 
La réponse et non
Il est possible d'utiliser des MC comme bouton pour les miniatures en gardant les images externes au fichier swf et aussi d'utiliser un MC pour l'affichage central. Le revers de la médaille c'est qu'il faut faire beaucoup plus de programmation.
En AS2 il faut passer par la programmation d'un objet MovieClipLoader.
En AS3 par un objet Loader et un objet URLRequest.
Bon courage....
bonjour
est il possible de mettre le swf avec juste les vignettes
et de faire un autre swf avec le central
de facon a mettre dans une pages web les vignettes en haut a gauche par exemple et le central plus bas a droite
je sais pas si je me suis bien expliquer
merci
Bonjour,
La réponse est oui. Pour cela il faut faire "causer" les fichiers swf entre eux par exemple en utilisant les cookies flash c'est à dire le sharedObject.
Bon courage....
Bonjour à tous
Tout d'abord merci pour ce tuto qui répond à mes attentes.
J'aimerai faire un ascensseur parce que j'ai plein d'images. Pouvez vous me donner le code à ajouter, svp?
Bonne journée et bonne année!
bonjour
j'ai bien compris le tutoriel seul hic je n'arrive pas à mettre les accolades sur cs3
et merci pour ce tutoriel ... je suis débutante sur flash
disons que
si quelqu'un pouvait me venir en aide ... cela serait bien sympa
Bonjour,
Sur Mac les accolades :
alt + parenthèse ouvrante {
alt + parenthèse fermante }
Les crochets
alt+shift + parenthèse ouvrante [
alt+shift + parenthèse fermante ]
Bon courage....
Merci beaucoup pour ce tuto clair, détaillé et précis. Je vais pouvoir me lancer dans la création de ma galerie photo.
Merci pour ce tuto simple et efficace.
J'ai rajouté un composant loader central pour les photos horizontales. Le soucis était qu'il y avait superposition et donc que la photo verticale précédente restait visible. J'ai rajouté une ligne pour avoir le loader vertical se charger de "". Il doit y avoir une méthode "moins bricolo", non ?
J'ai aussi beaucoup cherché un moyen de faire un ascenseur (scroll pane) avec les vignettes sans succès. J'ai réussi à mettre une succession de vignettes dans un scrollpane... mais pas avec les actions!
Donc je suis comme mallie, preneur d'infos dans ce domaine...
Merci.
Bonjour jean-luc,
....mais j'ai un hic...
Votre tuto est génial, c'est exactement que je cherchais
Lorsque j'ouvre mon .swf sur le bureau aucun soucis, vignettes et photos sont là mais a partir du moment que je l'incorpore dans ma page dreamweaver et que je lance l'aperçu avec firefox...plus rien...ni vignettes, ni photos...
Il faut que le fichier.swf soit à la racine du site... pas dans un dossier...
Du moins c'est ce que j'ai cru comprendre, et en tous cas que j'ai par ailleurs testé !
ok ok merci beaucoup, ui j'ai moi même testé...et après ça fonctionne!!! ça fait tout joli! hihi
Bonjour,
J'ai utilisé ce tuto, c'est génial et simple.
J'ai juste une petite question, comment fait-on pour faire un avant-après lorsqu'on survol la photo qui s'affiche en grand(central.contentPath)?
merci d'avance
Bonjour,
:
j'ai encore une petite question
Sur mon site, j'utilise donc ce tuto pour présenter mes photos pro. Les photos sont elles protégées? Il est bien impossible de les copier (clic droit)?
Merci de me dire....
A partir du moment ou une photo apparait sur le web, une simple capture d'écran et la voilà copiée, certes avec une résolution de 72 dpi... pas terrible pour l'impression mais suffisant pour le web...
ha bah oui...j'avais zapé la copie d'écran....
scregnegne
merci quand même pour ta réponse!...
Bonjour,
Pour l'avant après comme pour gérer le portrait ou le paysage c'est un peu plus compliqué et il faut ajouter du code ou être malin
Avant Après :
Le composant loader est capable d'afficher des fichiers swf. Donc si je fabrique un swf avec 2 images clés je dois pouvoir gérer le avant après.
Première image clé la photo avant, deuxième image clé la photo après sur un nouveau calque un MovieClip (MC) servant de bouton nommé en occurrence btavantapres
Un dernier calque avec le code ActionScript suivant :
stop()
btavantapres.onRelease=function(Void):Void{
if(_currentframe==1){
gotoAndStop(2)
}else{
gotoAndStop(1)
}
}
Une fois le fichier publié et enregistré il suffit de l'appeler comme une image jpg dans une des miniatures. A l'affichage dans central il devient possible de voir l'image avant après.
Bon courage......
Merci
Je vais essayer
bonjour Jean-Luc Delon, je vous remercie pour votre démonstration qui m'a beaucoup aider. Avec j'essaye de faire mon portefolio sur flash, j'ai suivit vos instruction à la lettre, et sa fonctionne bien, le problème c'est que souvant l'image charger est couper, elle n'apparait pas en entière, pourtant j'ai bien mis le loader à la taille de l'image,donc si vous pouviez m'aider je vous en serez reconnaissante.
Bonjour,
merci pour le tuto ça marche impecc !!!
cependant comment fait on pour que la premiere image soit statique et apparaisse à l'ouverture de ma page web
merci d'avance
Bonjour,
Rien de plus simple. En début de code il faut écrire :
central.contentPath="le nom de la première image"
Bon courage.....
Merci infiniment
Bonjour,
Le tutoriel a l'air vraiment facile mais je n'arrive pas à dépasser la premiere étape! J'ai toujours les messages d'erreurs, même après l'enregistrement. Koi faire?
merci d'avance
C bon,
g compris finalement
merci bcp
Bonjour,
J'aurai une autre question : comment ajouter des descriptions qui s'affichent en même temps que les photos de ma galerie ?
Peut on utiliser loader et le même script ????
Merci d'avance.
Bonjour,
J'aimerai que les photos apparaissent au survol de la souris, je remplace "img0.release = function()" par "img00.rollOver = function()" mais cela de fonctionne pas. Pouvez-vous m'aider, merci.
Bonjour,
....est ce parce que je ne les ai pas assez diminué? 
j'ai voulu mettre mon site en ligne et soucis, lorsqu'il est en ligne, au cours du premier chargement des pages, les vignettes sont plus grande que le loader et au second chargement de la page et bien les vignettes sont a la bonne taille
Pour ma part j'ai créé des vignettes spécifiques de 75 pixels. Toutes les vignettes se chargent en même temps, contrairement au loader central... c'est donc mieux que cela soit des petites vignettes de quelques Ko...
Je ne suis pas un spécialiste, juste un adepte du tatonnement expérimental.
Courage.
bonjour,
j'aimerai savoir si il était possible de rajouter une progressbar aux loader, vu que mes images sont lourde, elle mettent du tps a charger.
si cela est possible, comment?
merci de m'aider.
Bonjour,
Merci pour le tuto mais j'ai un probleme url !!!! Quand je fais contrôle enter le chemin ne fonctionne pas !!! Pourtant j'ai enregistré mes images et les pages flash dans le meme dossier ???? merci pou votre aide
Bonjour,
Merci pour le tuto mais j'ai un probleme url !!!! Quand je fais contrôle enter le chemin ne fonctionne pas !!! Pourtant j'ai enregistré mes images et les pages flash dans le meme dossier ???? merci pou votre aide
Bonjour, super tuto BRAVO...
voila j'ai une question, comment on fait pour que le loader du centre reste sns rien quand on lache l'image j'ai remplace onrelease par onrollover donc il m'affiche l'image juste par survole de la souris mais je veux que l'image senlève quand je retire ma souris?
merci
Bonjour et merci ... la galerie marche merveilleusement bien ! !
Petite question néanmoins : peut on créer des liens sur les vignettes ?
Merci
Bonjour,
La galerie marche bien cependant quand je fais une preview sous iexplorer, on me demande si je veux débloquer les activex alors que avec firefox ça marche très bien.
Est il possible de remedier au problème à la base, c'est à dire dans dreamweaver cs3 ?
Merci pour votre réponse
Bonjour,est ce qu'il y aurait un moyen simple pour avoir une baisse de l'opacité lorsqu'on survole une miniature?
J'ai essayé avec la fonction on (rollover mais apparemment je m'y prends mal(je débute dans flash).
Merci
Bonjour jean-Luc,
Merci pour ce tuto très clair et très utile.
Après avoir réalisé cette galerie sans encombre, j'ai deux souhaits :
-faire apparaître un graphique swf sur les vignettes quand on a cliqué pour que l'internaute se repère.
-caler sur le bord gauche du grand central mes images qui ont des largeurs différentes
Pouvez-vous m'aider ?
Cordialement
Bonjour, nickel le tuto, cependant j'aimerais savoir si il est possible d'insérer un ascenseur car je suis en train de créer un site pour un projet à l'école et j'ai une 50aine d'images à afficher
Merci d'avance...
Bonsoir Jean-Luc,
Un énorme merci pour votre tuto, super méga top! j'ai un peu galéré au début mais j'y suis arrivée!
J'ai une question, comment avez-vous fait pour intégrer l'image de fond, superbe?
Cordialement,
tres bon tuto, merci, cependant j'ai une petite question, vous n'auriez pas un frère qui s'appelle Alain ?