Les galeries photos (Topic unique) :D

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 4 5 6 Page Suivante Page Précédente Bas de page
Auteur	Sujet : Les galeries photos (Topic unique) :D

drasche

Reprise du message précédent :
Voilà: http://drasche.dyndns.org/mypics/samples/index.php

Jetez-vous dessus comme des chacals [:petrus75]

---------------
Whichever format the fan may want to listen is fine with us – vinyl, wax cylinders, shellac, 8-track, iPod, cloud storage, cranial implants – just as long as it’s loud and rockin' (Billy Gibbons, ZZ Top)

Publicité

Hermes le Messager

Breton Quiétiste

drasche a écrit :

Voilà: http://drasche.dyndns.org/mypics/samples/index.php

Jetez-vous dessus comme des chacals [:petrus75]

Pas mal.

Bon, tu relis les caractéristiques des deux premières galeries postées dans le sujet du topic, et tu t'en inspire pour détailler les features de la tienne, après quoi je mets à jour le topic.

drasche

Honnêtement, j'ai pas l'intention de faire plus que ce qu'il y a là parce que ça me suffit amplement

Hermes le Messager

Breton Quiétiste

drasche a écrit :

Honnêtement, j'ai pas l'intention de faire plus que ce qu'il y a là parce que ça me suffit amplement

Heu, c'est pas DU TOUT ce que je te demande.

Je te demande de décrire précisément les features de ta galerie pour pouvoir mettre les caratéristiques de ta galerie dans le premier post. (en t'inspirant de la manière dont ont été décrites les deux autres) [:ddr555]

Harkonnen

Modérateur
Un modo pour les bannir tous

ma galerie à moi [:kbchris]
http://harko.free.fr/images

---------------
J'ai un string dans l'array (Paris Hilton)

drasche

* myPics 0.2 - by drasche - 18/02/2005

Statut: gamma

XHTML+CSS
création des images redimensionnés et vignettes à la volée
pas d'administration
un peu de personnalisation dans l'interface
il suffit de copier les fichiers dans des répertoires et ma galerie se débrouille.
gestion des formats JPG et PNG uniquement pour l'instant
configuration de la liste des résolutions d'images proposées + dimension des vignettes
gestion via GD2 uniquement.

Démo: http://drasche.dyndns.org/mypics/samples/

Sources: prochainement.

Edit: la version 0.1 était une catastrophe au niveau code, c'est un peu mieux maintenant (débutant php powah)

Message édité par drasche le 19-02-2005 à 15:11:42

skylight

Made in France.

et si une image ne respecte pas le format 4:3, comment s'affiche l'ombre ?

skylight

Made in France.

(pour benou)

fabien

Vive la super 5 !

Hermes le Messager a écrit :

Bon, quand vous aurez qqc de présentable à voir quelque part, je mettrais à jour le post.

pourquoi je suis toujours pas en premiere page ?

---------------
✈ Découvre le HFRcoin ✈ - smilies ♥

benou

skylight a écrit :

et si une image ne respecte pas le format 4:3, comment s'affiche l'ombre ?

:heink: je vois pas le problème ... si tu regardes le screen que j'ai filé, y a des image en 3:4 ...

les ombres c'est géré par un tableau (HTML3.2 compliant ) avec des images en background pour les bords et des images pour les coins.

edit : ha tiens, j'ai oublié de préciser que ma galerie photo gérait aussi une identification utilisateur avec des droits par utilisateur (et groupes d'utilisateurs) pour chaque album.

Message édité par benou le 19-02-2005 à 12:16:32

Publicité

benou

un autre truc que j'ai oublié de dire : pour éviter que la page HTML d'un album devienne trop volumineuse quand elle contient bcp de photo (rien que le téléchargement du HTML peut prendre plusieurs dizaines de secondes sur du rtc avec les gros albums ), toute la partie affichage des miniatures est générée en javascript côté client.

uriel

blood pt.2

comment tu fais ca? je veux dire genere les thumbnails cote client?

---------------
IVG en france

benou

uriel a écrit :

comment tu fais ca? je veux dire genere les thumbnails cote client?

nan, pas les thumbnails. Les images en elle même sont créées côté serveur. C'est l'emrobage (les ombres) qui sont faites côté client.

Code :

var path;
var resPerso;
var qualPerso;
var adslResTxt;
var adslRes;
var adslQualTxt;
var adslQual;
var rtcResTxt;
var rtcRes;
var rtcQualTxt;
var rtcQual;
function URLencode(sStr) {
return escape(sStr).replace(/\+/g, '%2C').replace(/\"/g,'%22').replace(/\'/g, '%27');
}
var cpt = 0;
// write the HTML corresponding to the display of the thumbnail
function w_th(phName, phLabel, weight, width, height) {
var urlPhoto;
var urlThumb;
var url;
if (cpt++ % 4 == 0) {
document.write(" </tr>" );
document.write(" <tr> " );
}
document.write(" <td align='center'>" );
document.write(" <table class='PHOTO'>" );
document.write(" <tr> " );
document.write(" <td class='PHOTO'> " );
document.write(" <table class='IMG'>" );
document.write(" <tr>" );
urlPhoto = "photo.jpg?path=" + path + "&img=" + URLencode(phName) + "&type=perso";
urlThumb = "photo.jpg?path=" + path + "&img=" + URLencode(phName) + "&type=thumb";
document.write(" <td class='IMG'><a href='" + urlPhoto + "' title='afficher l\'image personalisée (" + resPerso + " Mp - compr " + qualPerso + " )'><img src='" + urlThumb + "' border='0'></a></td>" );
document.write(" <td class='O_D'><img src='img/ombre_hd.gif'></td>" );
document.write(" </tr>" );
document.write(" <tr> " );
document.write(" <td class='O_B'><img src='img/ombre_bg.gif'></td>" );
document.write(" <td class='O_BD'><img src='img/ombre_bd.gif'></td>" );
document.write(" </tr>" );
document.write(" </table>" );
document.write(" <b>" + phLabel + "</b><br>" );
url = "photo.jpg?path=" + path + "&img=" + URLencode(phName) + "&type=orig";
document.write("<a href='" + url + "' title='afficher l'image originale (" + width + "x" + height + " - " + weight + " Ko)'>orig.</a> " );
url = "photo.jpg?path=" + path + "&img=" + URLencode(phName) + "&type=adapt" + "&res=" + adslRes + "&qual=" + adslQual;
document.write("<a href='" + url + "' title='afficher l'image en haute qualité (" + adslResTxt + " Mp - compr " + adslQualTxt + " )'>adsl</a> " );
url = "photo.jpg?path=" + path + "&img=" + URLencode(phName) + "&type=adapt" + "&res=" + rtcRes + "&qual=" + rtcQual;
document.write("<a href='" + url + "' title='afficher l'image en haute qualité (" + rtcResTxt + " Mp - compr " + rtcQualTxt + " )'>rtc</a> " );
document.write(" </table>" );
document.write(" </td>" );
}

skylight

Made in France.

Ben sur la mienne aussi.

darkoli

Le Petit Dinosaure Bleu

Voilà la mienne mais elle n'est pas encore au point.
http://bluedino.free.fr/sac/index.html

Tout est fait côté serveur, en une seule fois..

C'est un programme écrit en C (Linux) qui se charge de créer la gallerie à partir d'un dossier de photos (il ne fait pas les miniatures, il faut les faire soi-même).

En fait, ce premier programme génére des pages XML qui contiennent simplement la structure du site.

Ensuite j'ai un deuxième programme C qui fait la conversion XML => XHTML avec la possibilité d'avoir plusieurs langues pour le site (avec un fichier par langue).

Actuellement s'en est encore au stade experimental, j'ai encore beaucoup de boulot pour arriver à avoir quelque chose qui fonctionne bien.

Message édité par darkoli le 19-02-2005 à 14:38:26

---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html

the real moins moins

benou a écrit :

toute la partie affichage des miniatures est générée en javascript côté client.

beurk

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

benou

the real moins moins a écrit :

beurk

bah ouais mais en terme de poid de page, c'est le jour et la nuit !

the real moins moins

mouaif; bonjour la maintenance du truc, le code est tout moche
(déjà qu'en simple html il serait pas terrible )

t'en connais encore des gens en rtc?

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

masklinn

í dag viðrar vel til loftárása

the real moins moins a écrit :

t'en connais encore des gens en rtc?

Les belges en dépassement de quota [:spamafote]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

the real moins moins

[:joce]

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

the real moins moins

fais du bon xhtml et css, ça sera plus leger que ton html moisi, et plus efficace que le js

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

the real moins moins

et plus maintenable

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

benou

t'arrête de débiter des banalités que d'autres t'ont appris [:kiki]

fais moi le même rendu d'ombre en xhtml&css, et qui tienne sur quelques octets et on en reparle ...

Message édité par benou le 20-02-2005 à 01:46:58

the real moins moins

benou a écrit :

t'arrête de débiter des banalités que d'autres t'ont appris [:kiki]

euh [:mlc]

tant de connerie me laisse sans voix.

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

the real moins moins

(et c'est quoi le rapport entre ton ombre et le js qui genere l'html ? [:mlc] )

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

benou

the real moins moins a écrit :

(et c'est quoi le rapport entre ton ombre et le js qui genere l'html ? [:mlc] )

il sert à quoi l'html qui est généré à ton avis [:kiki]

tes derniers commentaires m'on fait pensé à un puceau qui parle de sexe [:spamafote]

benou

the real moins moins a écrit :

t'en connais encore des gens en rtc?

plusieurs centaines de kilos pour une page HTML, même en ADSL c'est bcp ...

skylight

Made in France.

benou wrote :

t'arrête de débiter des banalités que d'autres t'ont appris [:kiki]

fais moi le même rendu d'ombre en xhtml&css, et qui tienne sur quelques octets et on en reparle ...

mon rendu d'ombre est fait en css ....

masklinn

í dag viðrar vel til loftárása

benou a écrit :

fais moi le même rendu d'ombre en xhtml&css, et qui tienne sur quelques octets et on en reparle ...

[:gratgrat]

Quel rendu d'ombre
Moi je vois 3 images insérées dans un tableau en bordure de la photo dans ton javascript [:spamafote]

benou a écrit :

plusieurs centaines de kilos pour une page HTML, même en ADSL c'est bcp ...

Plusieurs centaines de Ko... images comprises?

Non parce qu'atteindre 100ko sans images en HTML... faut y aller dur à coup de tables/JS, parce qu'en tableless sans JS à part avec BEAUCOUP de contenu (textuel) j'arrive même pas à le concevoir

Message édité par masklinn le 20-02-2005 à 02:00:44

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

the real moins moins

benou a écrit :

il sert à quoi l'html qui est généré à ton avis [:kiki]

tes derniers commentaires m'on fait pensé à un puceau qui parle de sexe [:spamafote]

ok.
va etre l'heure d'aller coucher, maintenant, hein.

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

benou

skylight a écrit :

mon rendu d'ombre est fait en css ....

c'est un joli cadre, mais c'est pas un effet d'ombre ... [:spamafote]
puis, ca nécessite d'imbriquer 4 divs ...

Masklinn a écrit :

[:gratgrat]
Quel rendu d'ombre
Moi je vois 3 images insérées dans un tableau en bordure de la photo dans ton javascript [:spamafote]

regarde le scrrenshot que j'ai filé pour voir le résultat ...

Masklinn a écrit :

Plusieurs centaines de Ko... images comprises?
Non parce qu'atteindre 100ko sans images en HTML... faut y aller dur à coup de tables/JS, parce qu'en tableless sans JS à part avec BEAUCOUP de contenu (textuel) j'arrive même pas à le concevoir

nan, sans compter les images, mais oui avec des tableaux. Un album qui contient plus de cents photos, ca finit par faire bcp de html pour l'enrobage ...

benou

the real moins moins a écrit :

va etre l'heure d'aller coucher, maintenant, hein.

je suis déjà arrivé au bout de ton argumentation ? ca aura été vite ce soir. [:itm]

[:warpcoil]

skylight

Made in France.

benou wrote :

c'est un joli cadre, mais c'est pas un effet d'ombre ... [:spamafote]
puis, ca nécessite d'imbriquer 4 divs ...

pour faire ton effet d'ombre... une image png que tu colles dans un div, et ce div tu le fous en arriere plan de chaque photo ...

(utiliser les propriétés CSS z-index et position ... )

the real moins moins

skylight a écrit :

pour faire ton effet d'ombre... une image png que tu colles dans un div, et ce div tu le fous en arriere plan de chaque photo ...

(utiliser les propriétés CSS z-index et position ... )

euh bah la propriété background sur img alors.
le problème de cette "technique" c'est que toutes tes images doivent avoir la meme taille..

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

benou

skylight a écrit :

pour faire ton effet d'ombre... une image png que tu colles dans un div, et ce div tu le fous en arriere plan de chaque photo ...
(utiliser les propriétés CSS z-index et position ... )

en décalant le div de quelques pixels en x, y ? c'est ca ?

mais en faisant ca y a le problème des tailles d'image : je sais pas à priori quelle proportion elles ont => si j'utilise toujours le même png en fixant sa taille, ca va le dégrader

Message édité par benou le 20-02-2005 à 02:14:02

skylight

Made in France.

et :??:
un ptit coup de resize en JS, ... ca sera carrément moins crade que ton truc actuel ...

benou

skylight a écrit :

et :??:

bha ca va se voir

resize en js ?

Message édité par benou le 20-02-2005 à 02:15:04

masklinn

í dag viðrar vel til loftárása

the real moins moins a écrit :

euh bah la propriété background sur img alors.
le problème de cette "technique" c'est que toutes tes images doivent avoir la meme taille..

avec des divs il suffit d'utiliser des gifs plus grands que n'importe quelle image possible, t'as 3 gifs/pngs qui font toutes les ombres de la page...

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

the real moins moins

benou a écrit :

c'est un joli cadre, mais c'est pas un effet d'ombre ... [:spamafote]
puis, ca nécessite d'imbriquer 4 divs ...

euh, si j'ai bien vu tu fais au moins une table par photo, avec autant de cellules pour chaque photo..

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

skylight

Made in France.

the real moins moins wrote :

euh bah la propriété background sur img alors.
le problème de cette "technique" c'est que toutes tes images doivent avoir la meme taille..

Bah non....
exemple :

<div>
<div class="ombre">
<img src="url de la photo" />
<img class="ombre" blablabla />
</div>
</div>

et apres tu joues sur les propriétés CSS, + resize dynamique de l'image de l'ombre...

je n'ai pas fait ce syteme car je n'aime pas ce style d'ombre qui est trop imposante..

skylight

Made in France.

L'avantage de ne pas utiliser de tableau, c'est que chaque photo est dans un div... un ptit coup de "float:left" et quand on resize le navigateur, ca réorganise les photos comme un "explorateur" de fichiers ...

Publicité

Page : 1 2 3 4 5 6

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

Divers

Les galeries photos (Topic unique) :D

Sujets relatifs
Que faire pour mes agrandissement photos ??	création d'un site photo où l'on peut poster des galeries ?
comment recuperer des photos d'un site en flash ?	Gallerie Photos
PHP/MYSQL et les photos	envoi de photos avec formulaire
comment protéger ses photos sur le net?	comment faire aparaitre les N° des photos à la création d'album HTML
recuperer le numero de serie unique du processeur	[HTACCESS] Bloqué l'accès à un repertoire de photos en direct
Plus de sujets relatifs à : Les galeries photos (Topic unique) :D

Page générée en 0.125 secondes