SPIP - Contrib

[ar] [en] [es] [fr] [it]



Accueil du site > Images, Galeries > Galeries, Diaporamas > Image aléatoire

Une image aléatoire en page d’accueil ... ou ailleurs

jeudi 31 mai 2007, par vcris. Dernier ajout jeudi 8 mai 2008


Affichage d’une image aléatoire provenant de toutes les images du site et renvoyant sur l’article d’origine de l’image.


Mots-clés

Objectifs

Gérant de nombreux sites d’écoles et d’associations utilisant de nombreuses images j’ai toujours agrémenté mes pages d’accueil de photo pour les enjoliver. Puis rapidement est venue la nécessité d’avoir une image aléatoire puisée dans toutes les images du site pour dynamiser la page d’accueil et permettre une navigation différents.

Sous SPIP 1.8 j’ai utilisé une contrib trouvé sur evaweb une image aléatoire mais hélas inopérante sous SPIP 1.9.

Un peu de technique

Mes connaissance en programmation étant un peu limitée voir quasi nulle je suis allé butiner sur le web pour essayer d’adapter cette ancienne contrib d’evaweb et j’ai trouvé sur SPIP-Contrib un article très intéressant une planche de contact des images du site que j’ai légèrement modifié pour n’afficher qu’une seule image et la transformer en noisette

Mise en place

Il suffit simplement de copier le fichier inc-photo-aleatoire.html dans votre dossier squelette puis d’insérer dans votre squelette à l’endroit désiré le code suivant : <INCLURE{fond=inc-photo-aleatoire}>

HTML - 400 octets
Noisette d’image aléatoire

qui contient le code suivant

Vous pouvez modifier la taille de l’image en changeant la valeur (150) du filtre réduire_image dans le code : [<a href="#URL_ARTICLE">(#FICHIER|reduire_image{150})</a>]

un exemple sous spip 1.9.2a

Mise à jour

- 02/04/08 : portage en plugin en utilisant le plugin cycle jquery téléchargeable sur la zone en attendant la documentation

- 07/08/08 : plugin téléchargeable ici et un petit exemple du plugin en action là


Répondre à cet article

  • On est où ?

    10 mai 2008 12:52, par Marc

    SVP chef !! tenez nous au courant de l’évolution de ce plugin bien sympa !!!

    Répondre à ce message

    • On est où ? 12 mai 2008 00:54, par vcris

      bonne nouvelle après tous les test, chez moi c’est parfaitement fonctionnel pour résumer :
      - compatibilité ie et firefox
      - les deux noisettes sont fonctionnelles avec tous les réglages

      je viens de mettre à jour sur la zone la dernière correction de bug donc ya plus qu’a faire tourner

      Répondre à ce message

    Retour au début des forums

  • config impossible, lien vers form manquant

    9 mai 2008 16:56, par Xavier

    Attention il manque l’appel de form dans le premier fichier de config fonds/cfg_imagecycle.html regarder dans le second fchier de config et copiez-le :

    [(#ENV_cfg_|form_hidden)]

    Répondre à ce message

    • config impossible, lien vers form manquant 9 mai 2008 16:59, par Xavier

      Désolé oubli de la balise <code>, je recommence : Attention il manque l’appel de form dans le premier fichier de config fonds/cfg_imagecycle.html regarder dans le second fichier de config et copiez-le :

      <form method="post" action="#SELF"><div>[(#ENV{_cfg_}|form_hidden)]</div>

      Répondre à ce message

      • config impossible, lien vers form manquant 9 mai 2008 17:14, par vcris

        c’est bon c’est corrigé, j’espère qu’il ne reste plus de bug

        Répondre à ce message

        • config impossible, lien vers form manquant 9 mai 2008 17:36, par Xavier

          Ben désolé, ici ça ne marche pas du tout :-( d’après ce que j’ai pu voir rapido (risque d’erreur) :
          - je suis sous firefox et le code affiché semble fait pour InternetExplorer
          - il faut tout paramétrer ? vitesses et délai d’affichage non paramétrés provoquent une erreur javascript
          - si on ne veut qu’une seule image... ça affiche un artefact : "ou" et rien d’autre.

          et avant que j’oublie : merci tout de même pour ce travail très utile (sans ironie hein)

          Répondre à ce message

          • config impossible, lien vers form manquant 9 mai 2008 17:58, par vcris

            - aucun problème pour firefox, c’est prévu pour, et compatible accessoirement avec ie (il est encore majoritaire cet enf&"’)
            - il est impératif de régler tous les paramètres sinon ça retourne des paramètres vides dans le code js d’où l’erreur.
            - en fait la différence entre le plugin et la contrib c’est justement l’affichage de plusieurs image, pour n’avoir qu’une image deux solutions ou se retourner vers la contrib ou virer dans le squelette de la noisette tous les paramètres js

            Répondre à ce message

          • config impossible, lien vers form manquant 9 mai 2008 18:04, par Marc

            Ben moi j’ai toujours le 1 qui ne fonctionne pas... et le bis qui est ok !!

            Comme quoi il faut toujours bisser !!! :-D

            Répondre à ce message

    Retour au début des forums

  • Et son nom de plugin ?

    6 mai 2008 12:51, par Marc

    Ben oui comment s’appelle-t-il sur la zone ?

    Répondre à ce message

    • Et son nom de plugin ? 7 mai 2008 12:52, par vcris

      c’est le plugin image-cycle http://zone.spip.org/trac/spip-zone/browser/_plugins_/_test_/image-cycle

      il est fonctionnel, tu peux le voir en action ici malheureusement le passage par la moulinette du plugin fait sauter la compatibilité avec ie. Je cherche un peu mais je m’oriente plutôt vers un autre script (le plugin interface) plus puissant et posant moins de problème, mais les possibilités étant plus grande, le développement est plus long.

      pour le plugin image cycle le problème avec ie doit venir du css mais je vois pas trop ou, s’il y a des amateur il n’y a pas de soucis

      Répondre à ce message

    Retour au début des forums

  • Une image aléatoire en page d’accueil ... ou ailleurs

    1er juin 2007 15:50, par tipou13

    Bonjour. Pouvez vous m’aidez à trouver comment faire pour que je puisse aficher de manière aléatoire les images d’une ou deux rubriques bien définies ? Je vous remercie. ibigdeze@hotmail.com

    Répondre à ce message

    • Une image aléatoire en page d’accueil ... ou ailleurs 2 juin 2007 08:40

      a priori il suffit de préciser dans la première boucle que tu veux limiter la recherche à une rubrique <BOUCLE_docuImg(DOCUMENTS){doublons}{par hasard}{extension==jpg|png|gif}{0,1}> en précisant les numéros de rubrique. voir spip.net pour la toute la syntaxe de limitation des boucles (rubrique comparaison,égalité)

      essaie la boucle <BOUCLE_docuImg(DOCUMENTS){id_rubrique=x,y,z}{doublons}{par hasard}{extension==jpg|png|gif}{0,1}> en remplacement x,y et z par les numéros de tes rubriques

      Répondre à ce message

      • Une image aléatoire en page d’accueil ... ou ailleurs 7 avril 2008 14:30, par Bayfan

        J’ai essayé ce code pour limiter à 2 rubriques, mais sans succès. J’ai aussi essayé avec id_rubrique==^(x|y|z)$ mais ça ne marche pas non plus. Est-ce que quelqu’un a réussi à faire fonctionner ce script sur quelques rubriques seulement ?

        Répondre à ce message

        • Une image aléatoire en page d’accueil ... ou ailleurs 9 mai 2008 16:53, par vcris

          en fait je pense que le problème est lié à la définition des rubriques par spip. En l’état, la fait d’utiliser un critère rubrique ne s’appliquera que dans la rubrique et pas dans les sous-rubriques, ce qui souvent ne ressort pas d’images, les articles étant le plus souvent rangé dans les sous-rubriques.

          à priori je vois deux pistes pour contourner légèrement le problème :
          - si c’est possible, utiliser le critère secteur qui lui retournera aussi le contenu des sous-rubriques {id_secteur IN 5,6,12}
          - ou alors bricoler une boucle retournant les documents des sous rubriques, je pense qu’il suffit de s’inspirer de la boucle qui retourne la liste des sous rubriques d’une rubrique (voir dans la dist le squelette rubrique, affichage du plan de la rubrique)

          Répondre à ce message

    Retour au début des forums

  • Une image aléatoire en page d’accueil ... ou ailleurs

    7 août 2007 20:27

    Super contrib, merci !

    comment centrer l’image... dans une div...

    désolé, c assez dur pour moi : mon site-test

    Répondre à ce message

    • Une image aléatoire en page d’accueil ... ou ailleurs 7 août 2007 20:42

      J’ai donné une meilleure dimension aux images, ça passe mieux ...

      ... comment faire pour que cela se recharge avec une photo différente toutes les 5 secondes ?
      merci de l’aide :)

      Répondre à ce message

      • Une image aléatoire en page d’accueil ... ou ailleurs 13 septembre 2007 14:20, par vcris

        c’est très certainement possible, mais pas avec cette noisette. je pense qu’il faudrait utiliser du flash ou une autre technologie. il doit y avoir possibilité avec jquery de faire quelques chose mais cela dépasse mes connaissances. cependant je te conseille d’aller voir ces deux articles peut être y trouveras tu ton bonheur :
        - plugin jpg rotator
        - plugin splickrbox

        Répondre à ce message

      • Une image aléatoire en page d’accueil ... ou ailleurs 17 octobre 2007 14:46, par ManuDevil

        Avec l’utilisation de Jquery, c’est assez simple. Il faut installer le plugin Jquery Cycle et la paramétrer de cette façon :

        Dans l’en-tête, dans le <head> de la page :

        et aussi :

        Ensuite, dans le corps de la page, ou dans une inclusion :

        Je mets bientôt l’exemple en ligne sur ManuDevil.com.

        Répondre à ce message

    Retour au début des forums

0 | 25 | 50



Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib | SPIP | L'autre.net