[Tuto] NanoGallery avec galerie de photos locale |
Répondre | Page 123 4> |
Auteur |
Sujet Recherche Options des sujets
|
||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(1)
Envoyé : 27 Août 2016 à 14:26 |
||||
Préparation: (OpenElement est chatouilleux avec certains caractères dans les noms de fichiers il faut donc en renommer certains) Créez un site OpenElement, disons TestNano Téléchargez nanoGALLERY-5.10.3.zip du site: http://nanogallery.brisbois.fr/ Copiez le dossier nanoGALLERY-5.10.3 (inclus dans le fichier compressé zip) dans le dossier OpenElement\TestNano Renommez le dossier nanoGALLERY-5.10.3 -> nanoGALLERY Supprimez le dossier nanoGALLERY\third.party (OpenElement fournit déjà jQuery) Supprimez le dossier nanoGALLERY\Demonstration Téléchargez nanoPhotosProvider-master.zip du site: https://github.com/Kris-B/nanoPhotosProvider Copiez le dossier nanoPhotosProvider-master (inclus dans le fichier compressé zip) dans le dossier OpenElement\TestNano Renommez le dossier nanoPhotosProvider-master -> nanoPhotosProvider Effacez le contenu du dossier nanoPhotosProvider\nanoPhotosContent et remplacez le par votre galerie de photos Supprimez le dossier nanoPhotosProvider\Demonstration Remplacez le contenu du fichier nanoPhotosProvider\nanoPhotosProvider.cfg avec:
Note:
Retournez dans le projet TestNano avec OpenElement Créez une page Propriété, Plein Écran Insérez un panneau d'éléments mode relative dépassements visibles largeur 80% hauteur auto 200 du haut centré en largeur dans la page Insérez un bloc de code visuel dans ce panneau contenu:
centré dans le panneau d'éléments donnez-lui une largeur de 100% Insérez un bloc de code Type HTML Position Header contenu:
Insérez un bloc de code Type Javascript Position Endbody Contenu:
Note sur la police de caractères:
Merci à Bridet dont le travail a été source d'inspiration pour ce tuto 2016-08-28 Révision: Renommez third.party remplacé par: Supprimez le dossier third.party 2016-08-29 Révision: Nettoyage des lignes inutiles. 2016-11-03 Révision: Note sur les polices de caractères ajoutée. 2016-11-04 Révision: Comment appliquer une nouvelle police de caractères via du code CSS Edité par Hobby001 - 31 Jan 2017 à 14:37 |
|||||
jjb1
Senior Member Depuis le: 27 Feb 2013 Pays: France Status: Inactif Points: 848 |
Options des messages
Thanks(0)
|
||||
Cher Hobby001, J'ai suivi vos instructions à la lettre, et ... CA FONCTIONNE, enfin, car je commençais vraiment à désespérer. Il me reste à voir les détails de configuration, comme vous l'indiquez dans votre tutoriel. J'espère que d'autres que moi pourrons profiter de votre démonstration, et encore merci pour le temps que vous avez passé à cet exercice. Et merci à Bridet qui m'a fait découvrir nanoGallery. Bon dimanche à tous.
Edité par jjb1 - 27 Août 2016 à 22:56 |
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
||||
Révision du tuto
|
|||||
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
||||
Merci Hobby001, pour ce tutoriel bien détaillé ;-)
|
|||||
jjb1
Senior Member Depuis le: 27 Feb 2013 Pays: France Status: Inactif Points: 848 |
Options des messages
Thanks(0)
|
||||
Encore merci à Hobby001,
La seule option que j'ai ajoutée, pour mon usage propre, est la suivante : $("#nanoGallery2").nanoGallery({ thumbnailWidth: 'auto', thumbnailHeight: '150', kind: 'json', // jsonProvider: 'http://photos.autreches.free.fr/nanoPhotosProvider/nanoPhotosProvider.php', jsonProvider: 'nanoPhotosProvider/nanoPhotosProvider.php', album:'Trav05', /*nom de l'album dans ...Provider/...Content*/
... ... Trav05 est simplement un sous répertoire de nanoPhotosContent. Ceci permet de n'afficher qu'un seul album à la fois. A part cela, j'ai lu sur le site de Bribois la chose suivante (traduction google) : "S'il vous plaît noter que les vignettes générées ne sont jamais purgés, de sorte que vous pouvez supprimer les _thumbnails dossiers pour forcer une nouvelle génération."Mais je ne trouve pas les vignette en question. Quelqu'un sait-il comment on fait le nettoyage. D'avance merci. PS Le temps de chargement des photos est beaucoup plus lent qu'avec feu Picasa
Edité par jjb1 - 30 Août 2016 à 17:43 |
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
||||
Pour les photos, assurez-vous de les remanier pour en diminuer la grosseur et même la résolution. Pour ça, deux solutions gratuites: Gimp et paint.net.
La dernière version de nanoPhotoprovider ne semble pas faire de vignettes. |
|||||
jjb1
Senior Member Depuis le: 27 Feb 2013 Pays: France Status: Inactif Points: 848 |
Options des messages
Thanks(0)
|
||||
Merci Hobby001,
Voilà pourquoi je ne trouvais pas les vignettes. Pour le poids des photos, j'ai déjà essayé de réduire la taille. Je vais voir pour diminuer la résolution. Merci encore.
|
|||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
||||
Je trouve que Gimp fait un meilleur travail avec la résolution
|
|||||
jjb1
Senior Member Depuis le: 27 Feb 2013 Pays: France Status: Inactif Points: 848 |
Options des messages
Thanks(0)
|
||||
J'utilise une ancienne version de photoshop (7) qui ne va pas mal.
Mais je n'ai pas le traitement par lot, c'est donc un peu fastidieux lors de la constitution des albums. En jouant sur la taille (4288 passé à 1500), la résolution (300dpi passé à 100) et en dégradant la qualité jpeg à la sauvegarde, je passe, par exemple, de 7040ko à 186ko, sans que la qualité de l'image en pâtisse outre mesure sur internet. C'est encore un peu lent, mais J'ai pu ainsi améliorer grandement les temps de chargement des vignettes.
|
|||||
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
||||
passes à 1280 et 72dpi déjà.
|
|||||
Répondre | Page 123 4> |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |