Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Cherche Galerie photos JS

7 réponses
Avatar
Stéphane Santon
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

7 réponses

Avatar
Pascal Poncet
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
Avatar
Stéphane Santon
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.

--
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
Avatar
Pascal Poncet
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
Avatar
alainL
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
Avatar
SAM
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
Avatar
Stéphane Santon
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

--
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
Avatar
SAM
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&gt;

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/&gt;

ha! mais ! ce n'est pas SimpleViewer qui traite les images (classement
et redimenssionnements)
mais : <http://get.adobe.com/air/&gt;
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

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



Là, ici : <http://lineparmentier.com/fr/book1&gt;
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/&gt;
...
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