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}>
- 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>]
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à
Noisette d’image aléatoire
Vos commentaires
# Le 12 janvier à 17:01, par ?
En réponse à : Une image aléatoire en page d’accueil (ou ailleurs)
Bonjour,
Boucle très sympa à priori, mais j’ai rajouté un description != [Masquer au public] et une fois cela fait, toutes les autres images étant dans des portfolio n’apparaissent pas. Quelle est la « combine » ? merci
Répondre à ce message
# Le 14 juillet 2011 à 15:36, par André
En réponse à : Une image aléatoire en page d’accueil (ou ailleurs)
Bonjour
et si je veux aller chercher non pas une image issue d’articles du site mais plutôt une image d’un dossier précis sur un serveur ? Est-ce possible ?
Merci
Répondre à ce message
# Le 28 mai 2010 à 10:09, par grej
En réponse à : Une image aléatoire en page d’accueil (ou ailleurs)
Bonjour,
Sur mon spip, pour qu’une image différente soit affichée à chaque rafraîchissement, il faut recalculer la page.
est ce le fonctionnement normal ?
merci pour vos réponses
Répondre à ce message
# Le 20 avril 2010 à 14:38, par jfrancois
En réponse à : Une image aléatoire en page d’accueil (ou ailleurs)
Bonjour
Je débute avec spip et evaweb.
Je travaille à la construction (au brouillon pour le moment) d’un site Internet d’école.
Comme j’aime bien l’idée de l’affichage d’une image aléatoire issue des articles du site en page d’accueil, j’ai utilisé le code proposé le 02 avril 2009.
ok, tout fonctionne Merci au contributeur !
Mais quand je veux utiliser Thickbox ou Fancybox pour un meilleur affichage des photos dans le cadre d’un portfolio... apparaît un petit problème.
Les photos placées dans le portfolio n’apparaîssent plus dans l’affichage des images aléatoires et j’ai donc du vide à la place.
Même problème avec Thickbox pour l’affichage de la photo en plus grand en cliquant dessus
(j’ai pas encore compris la manip avec Fancybox ; si qq’un a un tuyau ;-)
Y’aurait-il un moyen de corriger cela ?
où alors faut-il m’orienter vers un autre système pour l’affichage d’une photo aléatoire et lequel (un pas trop compliqué en tous cas, hein :-)
En utilisant le même genre de code, serait-il possible de le modifier afin que les images qu’on souhaiterait voir apparaître de façon aléatoire soient issues d’un dossier créé à cet effet dans lequel on les aurait déposées ? (cela demanderait juste une petite manip de plus mais apporterait aussi un certain intérêt). L’idée de limiter la taille de l’image à afficher est à garder.
Qu’en pensez-vous ?
Merci d’avance pour l’aide que vous pourrez m’apporter !
Répondre à ce message
# Le 23 novembre 2009 à 17:53, par mezcalito74
En réponse à : Une image aléatoire en page d’accueil (ou ailleurs)
Bjr à tous !
voulant agrémenter mon site , surtout la page d’accueuil, j’aimerai justement faire apparître sous le menu de navigation un diapo des images du site défilant au hasard !
hors je suis sous evaweb3 en spip 1.9.2e et j’avoue ne pas savoir quoi mettre et où !
la noisette ? c’est un fichier contenant du code, à enregistrer où et comment ?
dans le squellete ( il se trouve où ds evaweb3 ? ) je dois modifier quel fichier et où pour que le diapo apparaisse bien sous mon menu de navigation ?
Merci beaucoup d’aider un newbie
Répondre à ce message
# Le 25 septembre 2009 à 00:17, par ?
En réponse à : Une image aléatoire en page d’accueil (ou ailleurs)
Est ce que quelqu’un aurait la même noisette pour SPIP 2.0.9
Je n’ai pas dans la table l’entrée « spip_documents_articles » et ne sais pas trop comment faire ...
# Le 25 septembre 2009 à 01:19, par denisb
En réponse à : Une image aléatoire en page d’accueil (ou ailleurs)
en 2.0.9, on peut utiliser une boucle du genre :
<BOUCLE_d(DOCUMENTS_LIENS)
{objet = article}
{documents.extension IN jpg,png,gif}
{par hasard}
{0, 1}>
[<a href="#URL_ARTICLE{#ID_OBJET}">(#LOGO_DOCUMENT||image_reduire{150})</a>]
</BOUCLE_d>
Répondre à ce message
# Le 16 juillet 2009 à 16:26, par hnale
En réponse à : Une image aléatoire en page d’accueil ... ou ailleurs
Bonjour,
Je coince sur un truc, j’ai plusieurs galeries d’images sur mon site et j’aimerais faire un top 10 aléatoire sur une image... c’est-à-dire de trier les 10 articles (galeries) les plus populaires et d’afficher le logo de l’une de ces galeries aléatoirement sur la page d’accueil.
Est-il possible de faire un « double tri » ? ( ou peut-être de faire communiquer 2 boucles )
Merci.
( suis sous spip 1.9.2b )
Répondre à ce message
# Le 2 avril 2009 à 18:39, par ?
En réponse à : Petite correction
Ou plutôt voici LA solution avec un href qui pointe vers l’article contenant le document
<BOUCLE_doc_image_principale(DOCUMENTS){par hasard} {extension==jpg} {mode=image} {doublons} {0,1}>
<BOUCLE_chercheLienArticle(ARTICLES ){id_document}>
#SET{current_id_art, #ID_ARTICLE}
<a href="#URL_ARTICLE"><img src="IMG/[(#FICHIER)]" style="width:250px;" /></a>
</BOUCLE_chercheLienArticle>
</BOUCLE_doc_image_principale>
Testé sur SPIP 2.0
# Le 9 juin 2009 à 14:11, par ?
En réponse à : Petite correction
Merci pour le code fort utile.
Néanmoins j’ai un problème.
Ma page où je veux insérer le code est la rubrique=1.html
Les images s’affichent mais il va les cherché dans une seul article, et il n’a rien à voir avec rubrique=1.html
J’ai donc besoin de la boucle pour afficher les images en documents de tout le site.
Merci d’avance.
# Le 9 juin 2009 à 14:25, par ?
En réponse à : Petite correction
L’ image du jour
J’ai trouvé !
Juste changer mode=image par mode=document
Yupi !
Répondre à ce message
# Le 2 avril 2009 à 10:33, par ?
En réponse à : Une image aléatoire en page d’accueil ... ou ailleurs
Voici la solution :
<BOUCLE_imagealeatoire(DOCUMENTS) {par hasard} {mode=image} {doublons} {0,1}><h2>L'image du jour</h2>
<a href="#URL_ARTICLE"><img src="[(#FICHIER)]" /></a>
</BOUCLE_imagealeatoire>
Répondre à ce message
# Le 29 décembre 2008 à 23:18, par JB
En réponse à : Et sur spip 2.0 ?
Ce système fort agréable à mon goût ne marche pas sur spip 2.0
quelqu’un aurai la solution ?
Merci
JB
Répondre à ce message