Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Cherche Galerie photos JS

1 view
Skip to first unread message

Stéphane Santon

unread,
Jan 7, 2012, 4:56:48 AM1/7/12
to
Bonjour,

Je cherche un outil pour intégrer une galerie de photos en Javascript
dans un site statique.
C'est pour un graphiste qui utilise Adobe Muse et cherche à remplacer
sa gallerie SimpleViewer (3 colonnes de vignettes) qui est en Flash.

Obtenir une présentation comme http://lineparmentier.com/fr/book1 :
3 colonnes de vignettes, 1 clic et l'image apparaît en grand à côté.

Merci

--
Stéphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !

BTS Electrotechnique *** http://enselec.santonum.eu


Pascal Poncet

unread,
Jan 7, 2012, 5:41:27 AM1/7/12
to
Le 07/01/2012 10:56, Stï¿œphane Santon a ï¿œcrit :
> Bonjour,

Bonjour,

> Je cherche un outil pour intï¿œgrer une galerie de photos en Javascript
> dans un site statique.
> C'est pour un graphiste qui utilise Adobe Muse et cherche ᅵ remplacer sa
> gallerie SimpleViewer (3 colonnes de vignettes) qui est en Flash.

Tiens ! Y en a qui commencent ᅵ revenir aux standards ?

> Obtenir une prï¿œsentation comme http://lineparmentier.com/fr/book1 :
> 3 colonnes de vignettes, 1 clic et l'image apparaᅵt en grand ᅵ cᅵtᅵ.

Euh... tu cherches un "outil", genre les 100Ko de JS (minifiï¿œs !) qui
sont chargï¿œs dans cet exemple ?
Ou alors, un petit script de 10 lignes qui fait la mï¿œme chose ?

> Merci

Pas de quoi.


--
Cordialement,
Pascal

Stéphane Santon

unread,
Jan 7, 2012, 8:20:08 AM1/7/12
to
Pascal Poncet a écrit :
> Tiens ! Y en a qui commencent à revenir aux standards ?

C'est un illustrateur de livres qui fait son site Web.
Le premier outil trouvé était du Flash, que je lui ai déconseillé...

>> Obtenir une présentation comme http://lineparmentier.com/fr/book1 :
>> 3 colonnes de vignettes, 1 clic et l'image apparaît en grand à côté.
>
> Euh... tu cherches un "outil", genre les 100Ko de JS (minifiés !) qui
> sont chargés dans cet exemple ?
> Ou alors, un petit script de 10 lignes qui fait la même chose ?

Euh... Je ne vois pas l'intérêt de la question...
Je cherche un outil... qui marche donc...
Si tu connais 10 lignes permettant la même chose, pourquoi les
refuserais-je ???

Quand je dis "outil", j'entends que pour créer sa galerie, il met ses
images à n'importe quelles dimensions dans un dossier, il clique sur
"Exporter", et toutes les miniatures et les images redimensionnées sont
générées automatiquement.

>> Merci
> Pas de quoi.

Vraiment pas.

Pascal Poncet

unread,
Jan 7, 2012, 11:28:27 AM1/7/12
to
Le 07/01/2012 14:20, Stéphane Santon a écrit :
> Euh... Je ne vois pas l'intérêt de la question...

Aucun, voir plus bas...

> Quand je dis "outil", j'entends que pour créer sa galerie, il met ses
> images à n'importe quelles dimensions dans un dossier, il clique sur
> "Exporter", et toutes les miniatures et les images redimensionnées sont
> générées automatiquement.

... voilà ce qu'il fallait dire de suite !

A priori, je ne vois pas comment réaliser cela sans développement côté
serveur, là où sont stockées les images en question.
A moins de sacrifier la qualité de l'affichage et la bande passante du
client, auquel cas un script JS peut très bien produire les deux images
à partir d'une seule, avec les dimensions requises.

Ou alors, on parle là d'un outil de création web qui s'installe et
s'utilise côté client, chez le webmaster, qui construit la galerie à
partir des ressources graphiques et des modèles choisis, et qui balance
le tout automatiquement sur le serveur (genre http://www.webacappella.fr/).

Il faut donc en savoir un peu plus sur les besoins, s'ils sont bien définis.

>>> Merci
>> Pas de quoi.
>
> Vraiment pas.

Restons courtois :-(


--
Cordialement,
Pascal

alainL

unread,
Jan 7, 2012, 11:38:52 AM1/7/12
to
Le 07/01/2012 10:56, Stéphane Santon a écrit :
> Bonjour,
>
> Je cherche un outil pour intégrer une galerie de photos en Javascript
> dans un site statique.
> C'est pour un graphiste qui utilise Adobe Muse et cherche à remplacer sa
> gallerie SimpleViewer (3 colonnes de vignettes) qui est en Flash.
>
> Obtenir une présentation comme http://lineparmentier.com/fr/book1 :
> 3 colonnes de vignettes, 1 clic et l'image apparaît en grand à côté.
>
> Merci
>
A défaut de l'outil idéal, JAlbum ne conviendrait pas ? Voire un lien
vers une galerie Ggle Picasa ?

--
AlainL

http://autourdalos.fr

SAM

unread,
Jan 9, 2012, 6:21:38 PM1/9/12
to
Le 07/01/12 14:20, Stéphane Santon a écrit :
>
> Quand je dis "outil", j'entends que pour créer sa galerie, il met ses
> images à n'importe quelles dimensions dans un dossier, il clique sur
> "Exporter", et toutes les miniatures et les images redimensionnées

ça ne sera donc pas en JavaScript !

> sont générées automatiquement.

il a déjà un "outil" en Flash qui fait ça ?

--
Stéphane Moriaux avec/with iMac-intel

Stéphane Santon

unread,
Jan 9, 2012, 6:27:02 PM1/9/12
to
Bonjour,

SAM a écrit :
>> Quand je dis "outil", j'entends que pour créer sa galerie, il met ses
>> images à n'importe quelles dimensions dans un dossier, il clique sur
>> "Exporter", et toutes les miniatures et les images redimensionnées
>
> ça ne sera donc pas en JavaScript !

N'est-ce pas du JS qui fait que quand on clique sur une vignette
l'image apparaît en grand à côté ??

>> sont générées automatiquement.
>
> il a déjà un "outil" en Flash qui fait ça ?

Oui, SimpleViewer lui donne un bon résultat, mais la version JS donne
une présentation différente (vignettes pas en 3 colonnes).

Voici sa page :
http://www.studiopioupiou.com/illus/illustration.html

SAM

unread,
Jan 11, 2012, 1:56:41 PM1/11/12
to
Le 10/01/12 00:27, Stï¿œphane Santon a ï¿œcrit :
> Bonjour,
>
> SAM a ï¿œcrit :
>>> Quand je dis "outil", j'entends que pour crï¿œer sa galerie, il met ses
>>> images ᅵ n'importe quelles dimensions dans un dossier, il clique sur
>>> "Exporter", et toutes les miniatures et les images redimensionnï¿œes
>>
>> ï¿œa ne sera donc pas en JavaScript !
>
> N'est-ce pas du JS qui fait que quand on clique sur une vignette l'image
> apparaᅵt en grand ᅵ cᅵtᅵ ??

certes, mais ...
le JS ne saura pas transformer une 2400/1800 en 640/480 et en 200/150
(cf. "images ᅵ n'importe quelles dimensions" "export" )

>>> sont gï¿œnï¿œrï¿œes automatiquement.
>>
>> il a dᅵjᅵ un "outil" en Flash qui fait ᅵa ?
>
> Oui, SimpleViewer

Je ne connais pas mais ...
ici on me dit de crï¿œer moi-mï¿œme mes grandes et petites vues ...
(je ne comprends alors pas ce que vient y faire le flash si ce n'est
ajouter des joliesses pour le passe-vues)
<http://iweb.debutersurmac.com/siteiweb/Blog/Entrees/2009/7/7_Simpleviewer.html>

> lui donne un bon rï¿œsultat,

s'il a le mï¿œme SimpleViewer que ci-dessus je ne vois pas comment il s'en
sert pour "exporter ses shots
... un lien vers le concepteur du soft ?
ha! <http://www.simpleviewer.net/simpleviewer/>

ha! mais ! ce n'est pas SimpleViewer qui traite les images (classement
et redimenssionnements)
mais : <http://get.adobe.com/air/>
non ?

> mais la version JS donne
> une prï¿œsentation diffï¿œrente (vignettes pas en 3 colonnes).

J'en sais rien : je n'ai pas sa dï¿œmo
Lᅵ, ici : <http://lineparmentier.com/fr/book1>
ils trichent : la vignette est la grande-vue affichï¿œe en + petit
... le code html semble ᅵtre gᅵnᅵrᅵ par une machine php encore une fois
mal fagotï¿œe


Finalement ... quelle est la question ?

- arranger la page html pour avoir :
- des vignettes sur 3 colonnes
- une aire de projection grande-vue
c'est l'affaire des css

- au clic sur vignette --> grde-vue hop!
c'est l'affaire des css
(et d'un chuouia de JS, ne serait-ce que pour IE)
ou de qques lignes de JS

- au click sur bouton "sï¿œrie suivante"
--> html bï¿œte
ou --> JS
ou --> ajax

- fabriquer les dossiers des images grandes et petites
ce doit ï¿œtre svBuilder (d'Adobe) qui s'en charge, non ?
(pas essayᅵ)

- ᅵ partir de lᅵ on doit pouvoir utiliser ce qu'on veut
...
<http://lytebox.com/>
...
ou un script de son cru kivabien pour faire afficher les gdes vues

function affiche(quoi) {
quoi = quoi.src.toString().substring(quoi.lastIndex('/'));
document.getElementById('viewer').backgroundImage='photos/'+ quoi;
}

<ul id="vignettes">
<li><img src="diapos/01.jpg" alt="" onclick="affiche(this)">
<li><img src="diapos/02.jpg" alt="" onclick="affiche(this)">
<li><img src="diapos/03.jpg" alt="" onclick="affiche(this)">
</ul>
<div id="viewer"></div>

--
Stï¿œphane Moriaux avec/with iMac-intel
0 new messages