Créer une galerie avec simpleviewer

Lis moi avec webReader

A la demande de Chris, un peu plus d’explications sur la création d’une galerie via simpleviewer

  • Pour commencer, téléchargez Simpleviewer1.9 ainsi que SimpleviewerAdmin1.3
    Dé-zippez les tous les deux dans un répertoire de votre choix que vous nommerez comme bon vous semble (nous l’appellerons galerie pour l’exemple)

    (pour les plus fainéants d’entre vous, téléchargez ce dossier qui contient déjà les 2 archives dé-zippées)

  • Maintenant, up-loadez ce nouveau dossier sur votre compte FTP
    et rendez vous à l’adresse www.votreURL.com/galerie/SimpleViewerAdmin.php
  • Vous devez maintenant vous identifier, par défaut lors de la première installation, le login et le mot de passe sont : admin
    identification
  • Vous voila dans le panneau de configuration, qui est très simple et conviviale !

  • Nous allons commencer par la configuration de base, cliquez sur le bouton : « configuration » (à gauche)
  • configuration de simpleviewer

    ici, vous pourrez changer votre login et mot de passe, ce qui est plus que essentiel :-?

  • Pour les Anglophobes :
  • adminUsername => votre login
    adminPassword => votre mot de passe
    title => le titre de votre galerie
    welcomeText => le texte d’accueil
    extraText => une ligne de texte supplémentaire
    showThumbnailsOnIndex => montrer les miniatures sur la page d’accueil (mettez YES ou NO)
    backgroundColor => couleur d’arrière plan
    foregroundColor => couleur de premier plan

    Attention :-?

    Toute modification doit être suivie d’une validation via le bouton : »save configuration »

    Passons maintenant à la partie principale de la galerie, l’album en lui même !

  • Appuyez sur le petit (+) à droite de Albums (ensuite vos albums seront listés en dessous)
  • Tout de suite un champs vous demande le nom de votre nouvel album (votre galerie comportera surement plusieurs albums)
    Donnez donc un nom (qui pourra être modifié dans le futur) et cliquez sur « save »
    Votre nouvel album apparait désormais dans le menu de gauche sous la catégorie « Unpublished » (non publié)

    ajout de photo simple viewer

    Vous pouvez enfin envoyer vos photos via le bouton parcourir où vous devez indiquer le chemin jusqu’à votre photo sur votre PC (les formats supportés sont gif, .jpg, et .png)
    Vous pouvez remplir le champs « Caption » pour y glisser des commentaires (pas obligatoire)
    Vous pouvez aussi cocher le bouton « Autolink image » ce qui permettra d’avoir un lien pour voir la photo dans son format d’origine (lorsque cette option est cochée, il n’est pas possible de mettre un commentaire)
    Enfin, appuyez sur le bouton « Save »

    Vos images ainsi up-loadées se retrouvent sous la forme de miniatures dans le haut de votre album, avec 3 boutons qui vous permettent: (1) de avancer ou reculer la position de la photo dans son album, (2) éditer votre commentaire, et enfin (3) de la supprimer de l’album

    edit thumbnails

  • Une fois toutes vos photos envoyées, vous pouvez modifier les options de votre album :
  • maxImageDimension => la taille maxi des images affichées

    textColor => la couleur du texte

    frameColor => la couleur du cadre des photos et miniatures

    backgroundColor => la couleur d’arriére plan de votre page

    frameWidth => la taille du cadre des photos

    stagePadding => distance entre l’image et les miniatures

    thumbnailColumns => nombre de colonnes de miniatures

    thumbnailRows => nombre de lignes de miniatures

    navPosition => position des miniatures par rapport à l’image (haut => top, droite=> right, bas => bottom ou gauche => left)

    navDirection => sens de chargement des miniatures ? RTL (droite vers la gauche) LTR (gauche vers la droite) (je n’ai jamais trop compris à quoi ca servait ^^)

    isPublished => le plus important:-? tant que votre album restera avec la mention « false » il ne sera pas visible, pour ce faire vous devez mettre « true »

    title => titre

    Et voila, votre galerie est prête, cliquez sur « Back to Gallery » pour aller la consulter !

    Recommandations :

  • Avant toutes sortes de modifs, pensez à sauvegarder votre galerie :-?
  • Dans les options des albums, faites trés attention à ne pas confondre « Save configuration » (sauvegarder la configuration) et « Delete » (effacer) qui sont juste l’un au dessus de l’autre :twisted:
  • En cherchant un peu, il est même possible d’intégrer Simpleviewer à WordPress, ce qui donne un rendu plutôt sympa, sans demander trop de manipulations, enfin du moins pour ma technique qui n’est pas très académique, mais tout juste fonctionnelle :oops:
    Mais bon, je ne suis pas un pro., je suis sur que quelqu’un qui s’y connait bien pourrait rendre ça encore plus beau !

    Exemple d’intégration:

      • Patricia
      • 28 août 2008

      j’ai installée pour la troisième fois simple viewer sur mon hébergeur lycos et voilà à quoi ça ressemble… http://membres.lycos.fr/universpatricia/galerie/index.php?album=Celebrites_Asiatiques__Asian_Celebrities

      en gros à rien… s’il vous plaît aidez-moi depuis hier soir je suis dessus et je ne trouve pas la solution à mon problème T_T :cry: :cry:

      • Patricia
      • 29 août 2008

      http://membres.lycos.fr/universpatricia/galerie/

      pourquoi ma galerie est comme ça??? (cliquez sur un des deux liens)

      • Patricia
      • 29 août 2008

      pourquoi lorsque je rentre dans ma galerie simpleviewer j’ai simplement l’interface de simpleviewer et pas les vignettes avec leur agrandissment?? en gros j’ai une page vide …?? aidez-moi s’il vous plaît ça veut deux jours que je tourne en rond -_-

      • Laurent
      • 29 août 2008

      Quelle adresse ?

    1. je ne comprends pas je n’arrive pas à envoyer un commentaire avec un lien à l’intérieur Oo

    2. Commentaire de :Patricia
      je ne comprends pas je n’arrive pas à envoyer un commentaire avec un lien à l’intérieur Oo

      C’est normal, l’antispam les avait bloqués :wink:

    3. merci, alors c’est quoi mon problème au juste??? je suis toujours coincée :cry:

    4. Pourrais tu me donner ton login et ton mot de passe via cette page pour que je puisse voir tes réglages ?

    5. voilà je t’ai envoyé mes identifiants, euh, dis-moi si ce n’est pas ça. En fait j’ai créer un compte lycos pour avoir un hébergeur pour simpleviewer, j’ai essayée de suivre les tutos sur lycos pour me créer un site mais comme je suis quasie nulle en php et que j’ai l’habitude de me créer des blogs tout prêts avec simplement mes trucs à remplir à l’intérieur,je préfère rester sur mon blogger et simplement mettre le lien de ma galerie simpleviewer une fois qu’elle sera au point.

    6. Bon apparemment tout est bon, ca doit venir de chez ton hébergeur ce qui ne me surprend vraiment pas de lycos :roll:

      vas donc voir sur cette liste pour te trouver un « vrai » hébergeur gratuit :!:

    7. oh merciiii!! je me disais aussi… je vais essayer ça de suite et je te retiens au courant^^

    8. bonjour !
      je voudrais savoir comment structurer mon site si je veux avoir 2 pages avec une galerie sur chaque page. non pas une page avec 2 galeries comme proposé déjà…

      je vais donc créer une page avec dreamweaver sur laquelle il y aurait « galerie1″, puis la seconde avec « galerie1″ également.
      mon soucis est de savoir comment structurer ça chez mon hébergeur.
      2 dossiers ? mais alors comment le navigateur va-t’il trouver « index.html » ?

      en plus, je ne sais pas si je suis clair….. :neutral:

    9. Salut,
      il te suffit d’intégrer la galerie qui se trouve au format xml que tu veux, tu la crées une fois, et tu l’intègres dans autant de pages que tu le désires !

      • jerome
      • 1 septembre 2008

      Hello !

      Suite à mes posts 89 et 93, toujours le même problème : Files of type « unknown » cannot be processed.

      Si quelqu’un a une solution… :idea:

      Le lien : http://jerome.perdriolle.net/galerie/SimpleViewerAdmin.php

      login mot de passe : « admin »

    10. Salut,
      essaye de mettre ton répertoire « galerie » et son contenu avec un attribut 777 histoire de voir ce que ca donne.

      • jerome
      • 2 septembre 2008

      Commentaire de :LaurentSalut,
      essaye de mettre ton répertoire « galerie » et son contenu avec un attribut 777 histoire de voir ce que ca donne.

      C’est fait et toujours pareil…

    11. Commentaire de :jerome

      Commentaire de :LaurentSalut,
      essaye de mettre ton répertoire « galerie » et son contenu avec un attribut 777 histoire de voir ce que ca donne.

      C’est fait et toujours pareil…

      Quel est ton hébergeur ?
      a t’il la librairie GD d’installée ?

      • Nagar
      • 5 septembre 2008

      Il me met « could not save the image ». Est-ce du au fait que mon image a l’extension « .JPG » et non « .jpg »?

    12. Commentaire de :Nagar
      Il me met « could not save the image ». Est-ce du au fait que mon image a l’extension « .JPG » et non « .jpg »?

      je ne pourrais plus te dire, pourquoi ne pas la renommer en .jpg pour en être sur ?

      • jerome
      • 10 septembre 2008

      Commentaire de :Laurent

      Commentaire de :jerome
      Commentaire de :LaurentSalut,
      essaye de mettre ton répertoire « galerie » et son contenu avec un attribut 777 histoire de voir ce que ca donne.

      C’est fait et toujours pareil…

      Quel est ton hébergeur ?
      a t’il la librairie GD d’installée ?

      je suis sur une dedibox et la librairie GD est installée… avec toutes les options « enabled »…

    13. @jerome
      ok, c’est très bizarre …
      est ce que tu as essayé avec ces fichiers ?

    14. Bonjour,

      Ca fait qqs jours que je me bats avec ma galerie de photo qui se trouve normalement ici :

      http://davidpoulain.fr/wordpress/galerie/index.php?album=couples

      Et je voudrais l’integrer dans ma pages wordpress ici :

      http://davidpoulain.fr/wordpress/?page_id=229

      Mais comme vous pouvezle constater, le code ne fonctionne pas!!!

      Pouvez vous m’aider ???

      D’avance merci

      David

    15. je t’ai répondu par mail :wink:

    16. Wow :mrgreen:

    17. je viens de télécharger cette page pour avoir un retour du viewer sur ma page d’accueil j’ai modifié comme ceci This is the header. RETOUR ACCEUIL.
      Mais je ne reviens pas a ma page d’acceuil? Faut il modifier autre chose?Merci
      Voici le code téléchargé :

      j’ai supprimé le code que tu avais mis, il faisait buger la page ;)
      Laurent.

    18. j’ai pas tout compris là :shock:

    19. Salut et bravo pour ce tuto
      J’utilise simple viewer qui fonctionne tres bien
      Mais je cherche a revenir sur ma page d’accueil (acceuil.html) avec un lien dans le viewer(bouton ou texte)
      Merci

    20. salut,
      tu as le lien de la page sur la quelle tu veux voir apparaitre ce bouton ?

    21. @Laurent
      :eek: ????
      Retour au menu principal
      voici le lien mais je ne sais pas insérer Retour au menu principal dans la page.

    22. ma question est, quelle est la page sur la quelle tu veux insérer ce lien ?

    23. ma page s’appelle galerie.html

    24. Commentaire de :Kiki45
      ma page s’appelle galerie.html

      bon, c’est pas grave :D
      le code pour créer un lien est :

      < a href="./galerie.html">Retour au menu principal< / a >

    25. en enlevant les espaces entre « < et a » et « < / et a »

    26. Désormais dans un soucis de clarté, les questions relatives au sujet Simpleviewer seront traitées ici

    1. 16 octobre 2008
    2. 11 décembre 2008
      Trackback depuis:Je craque! – EOS-Numerique
    Les commentaires sont fermes