LE TOP DE LA GALERIE PHOTO (TOUT EN ACTION SCRIPT)

Commentaire de aannick le 10/10/2003 01:23:25

Oui c'est pas mal
rien dans la bibliothèque
tu les caches où les photo ?
je trouve même un peu lourd en adsl
mais en ne mettant que 2 ou 3 photos ça devrait aller
j'ai pas l'habitude des sources uniquement en code
(je ne programme pas)
très bon boulot
annick

Commentaire de top30 le 10/10/2003 10:49:00

Seulement un MERCI ????

Mais la source est entièrement de  JeanLouis Gaujal, un "Afad" actuant sur FlashFrance... L'impressionnant est que c est un mec qui utilise pas de "enterFrame", seulement des setInterval... Et c'est vrai qu'y a a apprendre de ses sources....

Commentaire de individis-bis le 10/10/2003 19:59:26

Je vous le fait pas dire, un vraie bête, d'où le 'Jean Louis the best' dans l'entête,
Non content d'être original, il est super bon en math de plus...

Commentaire de aannick le 10/10/2003 22:59:02

Bonjour le pro

juste une petite question les photos tu les caches où ?
(ds le fla)
eh oui un gros problème pour les bidoulleurs non programmeur :)
annick

Commentaire de ellyc le 20/10/2003 13:29:13

Chapeau bas pour cette source " d'inspiration " qui permet à des novices tels que moi d'avancer un peu plus...
Merci.

Commentaire de individis-bis le 21/10/2003 10:38:51

Tu utilise certainement une version trop ancienne de Flash...
Essaye de te procurer flashMX ou Flash MX 2004...

Commentaire de bruno2828 le 17/02/2004 20:51:51

une superbe galerie le probleme est que l'on ne peut pas mettre des photos tant qu'on veut ...

Se qui serait bien c'est un retour a la ligne auto pour x nombre de photos sur chaque ligne..
La ça serait super !
si vous avez la solution je la veut bien !  ;o)

Commentaire de stqv le 24/03/2004 07:32:26

slt tout le monde je suis d'accord avec vous le source est superbien et pour un resultat etonnant. en tant que programmeur autre que flash habituellemnt je trouve que ca manque de commentaires pour un novice e nflash.

j'ai un fichier xml qui contient un noeud  contenant les fichiers XML contenant eux meme les photos mais lorsque je clique un bouton suivant, les images se superposent....
j'ai essaye de vider la scene au chargement du xml masi rien a fairee


un bon coup de main serait agréable

Merci et bonne journee a tous

Commentaire de suppernico le 27/05/2004 22:20:55

Vraiment bien fait!
Si tu le premets, Jean Louis, je crois que ton code risque de m'être fort utile.
Si je l'utilise pour mettre une gallerie en ligne, tu sera cité dans mes remerciments, assurément!

Commentaire de snakeeater1 le 24/07/2004 19:12:44

je comprend pas j'arrive pas à la faire marché...
voila l'adresse de mes photo : http://www.membres.lycos.fr/fruticity/jc/
et c'est bien cette adresse que j'ai mise a l'endroit : _global.repertoire = "l'adresse"

je compren pas !

Commentaire de snakeeater1 le 24/07/2004 19:49:36

sa je l'ai fait je ne suis pas bete a se point !

Commentaire de FSYLV le 18/08/2004 17:56:48

je suis extremement surprit par les possibilités de flashcod
mon problème est que je souhaite utiliser se code dans une partie de mon image flash afin de l integrer a mon site
Comment pui-je faire je suis débutant
je te remercie a l avance de t on aide et bravo pour t on travail de qualité
sylvain.carpentier1@tiscali.fr
a très bientôt je l espère
Sylvain

Commentaire de glad777 le 30/09/2004 16:04:42

superbe gallery genialisime,grandiose mais, je doit l avoué c vraiment dommage qu on puisse pas avoir un retour a la igne automatique lorsqu il y a par exemple plus de 6 photo sur une ligne, avoir un panneaux avec plein de photo ce serai super sympa, j ai bidouiller ton code(somme toute fameux) mais je n ai pas reussi , si tu pouvai reussir cette evolution ce serai parfais , une gallery autonome parfaite,bellissima
a bientot Oh grand Gouroux de l AS

Commentaire de bruno2828 le 30/09/2004 16:58:03

Oui je suis tout a fait glad777 mais apparamment l'auteur donne pas signe de vie c dommage ...
Car comme il est là il est pratiquement pas utilisable !

@+

Bruno.

Commentaire de zouax le 17/10/2004 18:59:29

Bonjour,
c vraiment du flash de pro cette galerie, chapo !
suis pas bavard mais là, c de la balle jean-louis,
merci.

Commentaire de jjdagadir le 26/11/2004 16:55:12

Ben ouais,
c'est super propre et utile,
chapeau
Kenavo

Commentaire de JL_FLASH_FRANCE le 08/04/2005 18:00:25

Merci à tous pour vos compliments
Concernant le dernier post je vous signale avoir fait
une galerie qui utilise toujours le même swf
et dont la liste des images est passée dans la balise embed

voir ici
http://www.flash-france.com/sections.php?op=viewarticle&secid=16&artid=98

Commentaire de xtof83 le 12/04/2005 00:56:33

Bon moi je me suis permis de corriger ce petit code...

Meme si je suis tous jeune dans le milieu...

Donc j'ai le code qui permet de metre à la ligne les images en arrivant a la fin de la page!!!

Mais sinon bravo...
Sa va me permetre de partir sur plein de petites idées!!!

A plus...

Commentaire de xtof83 le 12/04/2005 21:43:48

// -----------------------------------------------------
MovieClip.prototype.creons = function(tableau) {
//nbre de photo par ligne ?
var NbreP = 10;
//---------------------
var Col = 0;
var L = SW/(NbreP+2);
L = Math.floor(L*.9);
var j = 0;
var k = 0;
var M = L+5;
for (var i = 0; i<tableau.length; i++) {
clip = _root.createEmptyMovieClip("cadre"+i, i);
clip.onLoad = function() {
// bordure--------------------
this._alpha = 30;
this.lineStyle(4, 0, 20);
this.moveTo(-(L+2), L);
this.lineTo(M, L);
this.lineTo(M, -(L-3));
// --------------------
this.moveTo(M, -L);
this.lineStyle(0, 0x999999);
this.beginFill(0xfff6f0, 100);
this.lineTo(-M, -L);
this.lineTo(-M, L);
this.lineStyle(0, 0);
this.lineTo(M, L);
this.lineTo(M, -L);
this.endFill();
//emplacement little photos--------------
//si plus de 10 photo par ligne c'est ici kil faut modifier:
// les ecarts!!!
if (i%10 == 0) {
j = NbreP*Col*10;
k = NbreP*Col;
Col++;
}
this._x0 = (1.2*(i-k+1))*L;
this._y0 = L+j;
this._x = this._x0;
this._y = this._y0;
//taille petite photos--------------------
this._w0 = L+3;
this._h0 = L-5+3;
this._width = this._w0;
this._height = this._h0;
//--------------------
this.createEmptyMovieClip("dest", i+200);
//--------------------
this.dest.onLoad = function() {
this._x = -L-3;
this._y = -L+2;
var ladress = tableau[i]+"?"+random(99999);
var ladress = tableau[i];
this._parent.chargement_jpg(ladress, 0xff8800, 20, 50);
};
this.dest.onLoad();
};
clip.onLoad();
}
};
niveau = 10000;
_global.fichier = [];
_global.repertoire = "http://xtof8383.free.fr/Photos%20spot/spot%20II/";
//
//http://patrice.gobert.free.fr/lesingeblanc/galerie/--------------
//Nobre total de photos:
var NombPhot=27;
//----------------------
for (var i = 0; i<NombPhot; i++) {
fichier[i] = (i+1)+".jpg";
}
//etc... fichier[n] = "n.jpg";
/**/
for (var i = 0; i<fichier.length; i++) {
fichier[i] = repertoire+fichier[i];
}
_root.createEmptyMovieClip("photogalerie", 0);
photogalerie.creons(fichier);
stop();



A metre au bon endroit!!!
j'ai meme rajouter quelque commentaires...ce qui manquait un peu!!!

Commentaire de praganelli le 20/04/2005 12:39:08

Bonjour, voila j'ai un  petit pb avec le script.
J'ai un scenario principal dans lequel je charge des pages au niveau2.
J'aimerais en fait pouvoir charger cette galerie photo dans un clip qui s'appelle "cl_theatre", qui se situe dans un swf qui est lui meme chargé au niveau 2.

Comment pourrais je faire ??

Commentaire de praganelli le 21/04/2005 00:45:37

je viens de le faire . j'ai rajouter this a la place de _root, maintenant cela fonctionne, a part que quand je clique sur une photo les vignettes qui ont deja ete visionnees vienne se mettre au dessus de la photo que je zoomme actuellement !!!!!!

Merci de votre aide les gars !!

Commentaire de skay406 le 23/05/2005 19:49:34

Exellent script, mais kelkun sait comment limiter le déplacement des images (pour kelle ne dépasse pas un cadre?
Je cherche de mon coté si je trouve je vous tiens au courrant ;) ++

Commentaire de soulvision le 25/05/2005 11:04:10

Bonjour.. Ce code est génial.. Mais en ce qui me concerne.. LE résultat est parfait mais j'ai vriament du mal à comprendre le code... Je ne vois pas où les déplacements sont effectués et quel code dit aux anciennes images de revenir à leur place lorsque l'on clique sur une nouvelle... Je suis débutante et surement pas très douée..  Si quelqu'un a un peu de temps.. J'apprécierai volontier quelques eclaircissements! Merci beaucoup

Commentaire de SilverMaster le 20/06/2005 00:38:34

Super code...

Cependant, comment faire pour afficher les images PNG ? J'ai essayé de remplacer chaque partie du code où il était écrit "jpg" mais ça n'a évidemment pas fonctionné.. XD

Commentaire de risk30 le 22/06/2005 16:47:54

salut ,
je suis nouveau sur ce forum et j'ai découvers cette galerie qui est bien intérressante.Mais le probleme c'est que ne connaissant pas bien l'actionscript (et les maths...) je ne comprends pas tous le code.Quelqu'un pourrait-il m'indiquer quel endroit du code faut il modifier pour placer les "vignettes" ou l'on veut.(dans mon cas elle sont trop haute, donc il faudrait modifier leur position sur l'axe des ordonnées (y)).J'attends une réponse avec impatience, merci d'avance...

Commentaire de SoulSicK le 23/06/2005 19:11:49

supe bien foutu, mais ca pose vite problème avec des grosses galeries de photos...
l'autre problème est également que le script a tendance a déformer les images (du moins chez moi ...)

Commentaire de ufunk le 24/07/2005 23:43:22

Bonjour à tous !

Encore bravo pour cette source, le code est génial.

Mais voilà, je cherche à recuperer les noms de fichiers par un xml, je fais ma petite manip et là j'obtiens un tableau nommé "fichier" (celui que l'on passe à la fin pour créer la galerie :

_root.createEmptyMovieClip("photogalerie", 0);
photogalerie.creons(fichier);
stop();

et là !!! rien du tout... Quand je teste l'animation, il ne s'affiche que le cadre exterieur et aucune photo...

Je n'est pas touché aux fonctions, et le tableau que je passe contient bien les noms de fichiers que je veux afficher, le listing des variables en déboguage me donne pour "fichier" :

Variable _global.fichier = [objet #1, class 'Array'] [
    0:"./galerie1/appart.jpg",
    1:"./galerie1/appart(1).jpg",
    2:"./galerie1/appart(2).jpg",
    3:"./galerie1/appart(3).jpg",
    4:"./galerie1/appart(4).jpg",
    5:"./galerie1/appart(5).jpg",
    6:"./galerie1/appart(6).jpg",
    7:"./galerie1/appart(7).jpg",
    8:"./galerie1/appart(8).jpg",
    9:"./galerie1/appart(9).jpg",
    10:"./galerie1/appart(10).jpg",
    11:"./galerie1/appart(11).jpg",
    12:"./galerie1/appart(12).jpg"
  ]

Quelqu'un peut-il me sauver ? ça fait un petit moment que je cherche et là je galère... Merci d'avance !!!

Commentaire de pizuki le 01/08/2005 23:25:32

Je voudrais savoir comment met on des nouvelles images à partir de cette photogaleries

Commentaire de archivearchive le 05/09/2005 22:43:03

Bonjour a Tous, et merci pour cette source excellente. Je fais appel a votre savoir faire pour inserer un commentaire pour chaque photo... Y a t-il moyen ? Comme tout est en action script, comment distinguer les photos ? avez vous une autre idée pour commenter les photos ? Quelqu'un est il confronté au meme probleme ? ElectRic.

Commentaire de archivearchive le 05/10/2005 22:54:26

Toujours personne pour ma demande :
comment inserer un commentaire pour chaque photo... Y a t-il moyen ? Comme tout est en action script, comment distinguer les photos ? avez vous une autre idée pour commenter les photos ? Quelqu'un est il confronté au meme probleme ? ElectRic.

Commentaire de mecene le 01/12/2005 18:36:24

bonjour,

apres avoir lu les commentaires, recuperé le code de JL et le bout de codes de xtof83 pour le retour a la ligne, et apres 3 jours de test, je me retrouve avec une galerie photos vraiment pas mal, mais il reste quelques correction a faire que je ne trouve pas.

il faudrait pouvoir changer la taille des vignettes sans que tout bouge, pouvoir placer en x et y la position de la galerie, et pouvoir definir le nombre de photos par lignes.

voici le code pour ceux qui pourront nous aider, merci:

_global.SW = Stage.width;
_global.SH = Stage.height;
_global.SWsur2 = SW / 2;  //*****************positionnement x des photos une fois grossi
_global.SHsur2 = SH / 2.2; //*****************positionnement y des photos une fois grossi
Stage.scaleMode = "exactFit";
//----------------------------------------------
MovieClip.prototype.rectangle_arrondi_ombre = function(larg, haut, rayon, epais, couleur, transp) {
var mc = this.createEmptyMovieClip("rectangle_arrondi", 10000);
mc.onLoad = function() {
with (this) {
for (var i = 6; i > 0; i -= .5) {
lineStyle(2 * i, 0x000000, 40 - i * 6);
moveTo(larg + i, rayon * .7 + 5 * i);
lineTo(larg + i, haut - rayon + 2 * i);
curveTo(larg, haut, larg - rayon + 2 * i, haut + i);
lineTo(rayon * .7 + 5 * i, haut + i);
}
moveTo(rayon, 0);
//-------------------
lineStyle(epais, 0x000000, 100);
beginFill(couleur, transp);
moveTo(rayon, 0);
lineTo(larg - rayon, 0);
curveTo(larg, 0, larg, rayon);
lineTo(larg, haut - rayon);
curveTo(larg, haut, larg - rayon, haut);
lineTo(rayon, haut);
curveTo(0, haut, 0, haut - rayon);
lineTo(0, rayon);
curveTo(0, 0, rayon, 0);
endFill();
}
};
mc.onLoad();
};
//----------------------------------------------
_root.createEmptyMovieClip("cadre", -1111);
cadre._x = 2;
cadre._y = 2;
cadre.rectangle_arrondi_ombre(SW - 4, SH - 4, SW / 20, 2, 0x996633, 10);
//----------------------------------------------
MovieClip.prototype.chargement_jpg = function(jpg, couleur, larg, haut) {
var cible = this.dest;
cible._alpha = 0;
cible.loadMovie(jpg);
var id = setInterval(function (mc) {
var d = mc["dest"];
if (d._width > 0) {
clearInterval(id);
d.memw = d._width;
d.memh = d._height;
d.proportion = (d._width / d._height);
d._width = Math.floor(mc._w0 * 2);
d._height = Math.floor(mc._h0 * 2);
d._alpha = 99;
with (d) {
lineStyle(4, 0x444444, 80);
moveTo(this._x + memw + 1, this._y - 1);
lineTo(this._x + memw + 1, this._y + memh + 1);
lineTo(this._x - 1, this._y + memh + 1);
lineStyle(4, 0xaaaaaa, 80);
lineTo(this._x - 1, this._y - 1);
lineTo(this._x + memw + 1, this._y - 1);
}
// --------------------
mc._alpha = 99;
mc._width = mc._w0;
mc._height = mc._h0 * 1.5;
mc.onPress = cliquer;
} else {
var pourcent = (d.getBytesLoaded() / d.getBytesTotal());
mc._width = pourcent * mc._w0;
mc._height = pourcent * mc._h0 * 1.6;
}
}, 100, this);
};
// -----------------------------------------------------
MovieClip.prototype.cliquer = function() {
_global.memoire.swapDepths(0);
_global.memoire.relacher();
if (_global.memoire != this) {
_global.memoire = this;
//---------------------
delete this.onEnterFrame;
//---------------------
var grossissement_V = SH * .9;
var grossissement_H = grossissement_V * this.dest.proportion;
var positiont_V = SHsur2 * 1.1;
//---------------------
this._alpha = 99;
this.swapDepths(_root.niveau++);
//---------------------
var x_deb = this._x;
var y_deb = this._y;
var dis_x = (SWsur2 - x_deb) / 2;
var dis_y = (positiont_V - y_deb) / 2;
var vitesse = Math.PI / 20;
var angle = -Math.PI;
var limite = -Math.PI / 3.3;
var decalage = Math.PI / 6;
//------------------------------------
this.onEnterFrame = function() {
angle += vitesse;
s = 1 + Math.cos(angle - Math.sin(angle - decalage));
this._x = x_deb + s * dis_x;
this._y = y_deb + s * dis_y;
this._width += (grossissement_H - this._width) / 5;
this._height += (grossissement_V - this._height) / 3;
//---------------------
if (angle >= limite) {
this._width = grossissement_H;
this._height = grossissement_V;
delete this.onEnterFrame;
}
};
}
};
// -----------------------------------------------------
MovieClip.prototype.relacher = function() {
delete this.onEnterFrame;
this.onEnterFrame = function() {
this._width += (this._w0 - this._width) / 4;
this._height += (this._h0 - this._height) / 4;
this._x += (this._x0 - this._x) / 4;
this._y += (this._y0 - this._y) / 4;
if (this._yscale < 70) {
this._width = this._w0;
this._height = this._h0 * 1.5;
this._x = this._x0;
this._y = this._y0;
this._alpha = 50;
delete this.onEnterFrame;
}
};
};
// -----------------------------------------------------
// -----------------------------------------------------
MovieClip.prototype.creons = function(tableau) {
//nbre de photo par ligne ?
var NbreP = 10;
//---------------------
var Col = 0;
var L = SW/(NbreP+2);
L = Math.floor(L*.9);
var j = 0;
var k = 0;
var M = L+5;
for (var i = 0; i<tableau.length; i++) {
clip = _root.createEmptyMovieClip("cadre"+i, i);
clip.onLoad = function() {
// bordure--------------------
this._alpha = 30;
this.lineStyle(4, 0, 20);
this.moveTo(-(L+2), L);
this.lineTo(M, L);
this.lineTo(M, -(L-3));
// --------------------
this.moveTo(M, -L);
this.lineStyle(0, 0x999999);
this.beginFill(0xfff6f0, 100);
this.lineTo(-M, -L);
this.lineTo(-M, L);
this.lineStyle(0, 0);
this.lineTo(M, L);
this.lineTo(M, -L);
this.endFill();
//emplacement little photos--------------
//si plus ou - de 10 photo par ligne c'est ici kil faut modifier: ***** il faut egalement modifier le chiffre /nbre de photo par ligne  ligne 140
// les ecarts!!!
if (i%10 == 0) {
j = NbreP*Col*10;
k = NbreP*Col;
Col++;
}
this._x0 = (1.6*(i-k+1))*L; // espace entre les vignettes **********************************
this._y0 = L+j;
this._x = this._x0;
this._y = this._y0;
//taille petite photos--------------------
this._w0 = L+3;
this._h0 = L-5+3;
this._width = this._w0;
this._height = this._h0;
//--------------------
this.createEmptyMovieClip("dest", i+200);
//--------------------
this.dest.onLoad = function() {
this._x = -L-3;
this._y = -L+2;
var ladress = tableau[i]+"?"+random(99999);
var ladress = tableau[i];
this._parent.chargement_jpg(ladress, 0xff8800, 20, 50);
};
this.dest.onLoad();
};
clip.onLoad();
}
};
niveau = 10000;
_global.fichier = [];
_global.repertoire = "images/";

//Nobre total de photos:
var NombPhot=30;
//----------------------
for (var i = 0; i<NombPhot; i++) {
fichier[i] = (i+1)+".jpg";
}
//etc... fichier[n] = "n.jpg";
/**/
for (var i = 0; i<fichier.length; i++) {
fichier[i] = repertoire+fichier[i];
}
_root.createEmptyMovieClip("photogalerie", 0);
photogalerie.creons(fichier);
stop();

Commentaire de cloudbase64 le 09/12/2005 17:45:33

Oauip, trop fort ce script, Bravo a tous ceux qui ont travaillé, surtout l'auteur!

QQ'un pourrait me dire comment definir la taille des images car moi elles se deforment, peut on laisser la taille d'origine avec des photos de differente tailles dans la mm galerie?  Merci

Commentaire de doudou3158 le 17/12/2005 23:16:40

En effet cela donne un résulta vraiment pas déguelasse 8

Commentaire de lanner le 18/02/2006 18:43:03

oui superbe bravo il faudrait pouvoir garder les proportions en miniatures

Commentaire de mela_ le 31/03/2006 16:26:53

moi aussi je trouve cette source très interessante. Mais j'me demande comment ça s'passe si on supprime l'une des images? Ca fera un trou normalement... y a un moyen de contourner le problème? En vérifiant que l'image existe avant de l'afficher par exemple?

Commentaire de sophieglorieux le 07/09/2006 01:29:14

Salut à tous,
Le code est génial et les amélioration que chacuns à rajouter aussi.
Donc bravo au créateur et aux participants.
Par contre personne n'a encore trouver comment nettoyer la scène après avoir vus un répertoire, afin de pouvoir passer à un autre?
C'est quand meme un problème car ca devient vite le bazar sur l'écran.
J'ai éssayé mais je n'ai pas trouvé et douée comme je suis ça ne sera pas pour tout de suite.
Si quelqu'un peut m'aider ça serait cool.
Et toujours pas de nouvelle de l'instigateur de toutes ces conversations?
Merci d'avance!

Commentaire de JL_FLASH_FRANCE le 08/01/2007 22:54:30

Merci pour tous ces superbes messages ....
Je vous informe la création de mon nouveau site
http://www.komcitiz.com/JL/
où vous retrouverez non seulement cette photothèque
mais aussi toute une série d'autres animations
avec une système de paramétrage très simple

bonne navigation :)

Commentaire de dark_loona le 03/04/2007 11:57:23

Bonjour,
Un grand merci de plus, à M. Gaujal ainsi qu'à tous ceux qui ont publié leurs améliorations, ce script est exactement ce que je cherche depuis des semaines.... Malgré tout, étant passablement au niveau 0 en script, je bute sur une modif. Je travaille sur des images de type panoramique (800X300 et inversement) et je n'arrive pas à réduire le cadre sous les photos afin qu'il ait la même taille que celles-ci. J'ai modifié le M=0 à partir du bout de script posté par xtof83 mais ça me laisse un trait pas esthétique du tout. Quelqu'un pourrait-il éclairer ma lanterne et m'enlever enfin ce mal de tête qui chauffe et que je traine depuis des jours?
Merci beaucoup d'avance.

Commentaire de bruno2828 le 10/04/2007 13:37:44

As tu essayer de voir sur le site de l'auteur ?
http://www.komcitiz.com/JL/

Car il y a d'autres applications flash du genre qui pourraient peut être t'aider ?

Bruno.