adapter automatiquement une image

Etienne1 · Juin 9, 2008, 4:05

Salut à tous,

Attention, gros débutant !
Alors voilà, j'ai fait le site antidelation.lautre.net à partir du squelette IENSP et de mes connaissances zéro.
Donc j'ai principalement bidouillé le fichier sommaire.html du squelette et le sommaire.css pour avoir la page d'accueil actuelle, en vérifiant à chaque nouvelle manip ce que ça donnait.

Mais je vérifie sur mon écran perso avec firefox 2.
Evidemment, sur des écrans ou navigateurs différents, ça n'a pas du tout le même rendu.

par exemple, comment faire pour que l'image dans la colonne de gauche soit toujours bien placée ?
Sur mon portable ou sur des ordis de visiteurs du site, elle déborde sur le texte central. Et sur Internet exploreur elle ne s'affiche pas du tout.

J'ai inséré ça dans mon sommaire.html :
[(#REM) Affiche ]
<p align=left><img src="squelettes/images/délinquantspotentiels.jpg" alt="affiche"></p>

J'imagine que les puristes hurleront de voir ça mais c'est tout ce que j'ai trouvé !

Merci de votre aide.

Etienne

Frederic_Moinard · Juin 9, 2008, 4:59

Bonsoir,

Etienne Berger a écrit :

Salut à tous,

Attention, gros débutant !
Alors voilà, j'ai fait le site antidelation.lautre.net à partir du squelette IENSP et de mes connaissances zéro.
Donc j'ai principalement bidouillé le fichier sommaire.html du squelette et le sommaire.css pour avoir la page d'accueil actuelle, en vérifiant à chaque nouvelle manip ce que ça donnait.

euh... avec des copies dans squelettes/ , on suppose ?

Mais je vérifie sur mon écran perso avec firefox 2.
Evidemment, sur des écrans ou navigateurs différents, ça n'a pas du tout le même rendu.

bienvenu au club

par exemple, comment faire pour que l'image dans la colonne de gauche soit toujours bien placée ?

question floue: il faut préciser ce à quoi vous vous attendez, comment vous l'avez demandé, et ce que les différents navigateurs rendent (les problèmes venant généralement d'ie, il faut détailler pour les heureux non-possesseurs de ce navigateur)

Sur mon portable

système/navigateur ?!?

ou sur des ordis de visiteurs du site, elle déborde sur

c'est le cas avec debian/sid et epiphany

le texte central. Et sur Internet exploreur elle ne s'affiche pas du tout.

ah, c'est normal, il ne comprend rien

J'ai inséré ça dans mon sommaire.html :
[(#REM) Affiche ]
<p align=left><img src="squelettes/images/délinquantspotentiels.jpg" alt="affiche"></p>

J'imagine que les puristes hurleront de voir

Je ne suis pas un puriste du tout, mais je hurle quand même

Il faudrait kekchoz du genre:
- un article avec des images, et on l'identifie avec un mot clef dans un groupe consacré aux mises en page (par ex.: groupe Edition, mot ImageDeGauche, avec un nom clair pour les images, qu'on puisse en mettre plusieurs mais que seule la première soit retenue)
- une boucle qui récupère l'image
- avec un filtre (|image_reduire) qui limite la taille en fonction du contenant

un exemple:
<BOUCLE_artimggauche(ARTICLES) {titre_mot=ImageDeGauche}>
<BOUCLE_docimggauche(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, titre} {0,1}>
<div id="imgdegauche" style="background-image: url([(#URL_DOCUMENT||image_reduire{0,115}|extraire_attribut{src})]); background-position: center center;">

(va faire un div avec la première image associée à l'article (ordre numérique ou alphabétique des noms) en background, taille max 115px, on peux mettre ce qu'on veut dessus...)
etc...

ça mais c'est tout ce que j'ai trouvé !

c'est déjà pas mal un conseil de débutant éternel: faire confiance aux boucles/filtres de spip, ça marche vraiment très bien

Merci de votre aide.

--
hth,

Frédéric

Etienne1 · Juin 13, 2008, 3:13

Merci de la réponse,

Mon portable est sous Debian avec Firefox, mais le fait que cette affiche déborde sur le texte ça le fait sur des firefox Windows aussi.

J’ai à peu près compris cette histoire de boucle. Et j’aimerais assez l’utiliser, d’autant plus que ça permettrait à des rédacteurs de changer cette affiche régulièrement, ce qui n’est évidemment pas possible avec mon bidouillage actuel.

Mais la boucle que tu me donnes, soit ne donne aucun résultat, soit renvoie des messages d’erreur quand je la bidouille. (du style "champ « extension » inconnu dans field list, ou champ « mode » inconnu dans where clause).

En recopiant peu ou prou les boucles du texte central j’ai pu placer un article en lieu et place de l’affiche, mais pas à en récupérer les images (qu’elles soient insérées dans l’article ou en document joint).

Alors merci de me donner des pistes, à moins que mon trop bas niveau soit sans espoir …

Frédéric Moinard a écrit :

Jilou · Juin 13, 2008, 3:55

Bonjour,
il faut éviter les accents, les espaces et de préférence ne pas mettre de majuscules dans les liens, les fichiers ou images.
Essaie cette piste concernant l’affichage de l’image sous IE.

Le 13 juin 2008 17:13, Etienne Berger <etienne15@laposte.net> a écrit :

Merci de la réponse,

Mon portable est sous Debian avec Firefox, mais le fait que cette affiche déborde sur le texte ça le fait sur des firefox Windows aussi.

J’ai à peu près compris cette histoire de boucle. Et j’aimerais assez l’utiliser, d’autant plus que ça permettrait à des rédacteurs de changer cette affiche régulièrement, ce qui n’est évidemment pas possible avec mon bidouillage actuel.

Mais la boucle que tu me donnes, soit ne donne aucun résultat, soit renvoie des messages d’erreur quand je la bidouille. (du style "champ « extension » inconnu dans field list, ou champ « mode » inconnu dans where clause).

En recopiant peu ou prou les boucles du texte central j’ai pu placer un article en lieu et place de l’affiche, mais pas à en récupérer les images (qu’elles soient insérées dans l’article ou en document joint).

Alors merci de me donner des pistes, à moins que mon trop bas niveau soit sans espoir …

Frédéric Moinard a écrit :

Bonsoir,

Etienne Berger a écrit :

Salut à tous,

Attention, gros débutant !
Alors voilà, j'ai fait le site [antidelation.lautre.net](http://antidelation.lautre.net) à partir du 
squelette IENSP et de mes connaissances zéro.
Donc j'ai principalement bidouillé le fichier sommaire.html du squelette 
et le sommaire.css pour avoir la page d'accueil actuelle, en vérifiant à 
chaque nouvelle manip ce que ça donnait.

euh... avec des copies dans squelettes/ , on suppose ?

Mais je vérifie sur mon écran perso avec firefox 2.
Evidemment, sur des écrans ou navigateurs différents, ça n'a pas du tout 
le même rendu.

bienvenu au club

par exemple, comment faire pour que l'image dans la colonne de gauche 
soit toujours bien placée ?

question floue: il faut préciser ce à quoi vous vous attendez, comment 
vous l'avez demandé, et ce que les différents navigateurs rendent (les 
problèmes venant généralement d'ie, il faut détailler pour les heureux 
non-possesseurs de ce navigateur)

Sur mon portable

système/navigateur ?!?

ou sur des ordis de visiteurs du site, elle déborde sur

c'est le cas avec debian/sid et epiphany

le texte central. Et sur Internet exploreur elle ne s'affiche pas du tout.

ah, c'est normal, il ne comprend rien ;-)

J'ai inséré ça dans mon sommaire.html :
   
            [(#REM) Affiche ]
            <p align=left><img 
src="squelettes/images/délinquantspotentiels.jpg" alt="affiche"></p>

J'imagine que les puristes hurleront de voir

Je ne suis pas un puriste du tout, mais je hurle quand même ;-)

Il faudrait kekchoz du genre:
- un article avec des images, et on l'identifie avec un mot clef dans un 
groupe consacré aux mises en page (par ex.: groupe Edition, mot 
ImageDeGauche, avec un nom clair pour les images, qu'on puisse en mettre 
plusieurs mais que seule la première soit retenue)
- une boucle qui récupère l'image
- avec un filtre (|image_reduire) qui limite la taille en fonction du 
contenant

un exemple:
<BOUCLE_artimggauche(ARTICLES) {titre_mot=ImageDeGauche}>
<BOUCLE_docimggauche(DOCUMENTS) {id_article} {mode=document} {extension 
IN png,jpg,gif} {par num titre, titre} {0,1}>
<div id="imgdegauche" style="background-image: 
url([(#URL_DOCUMENT||image_reduire{0,115}|extraire_attribut{src})]); 
background-position: center center;">

(va faire un div avec la première image associée à l'article (ordre 
numérique ou alphabétique des noms) en background, taille max 115px, on 
peux mettre ce qu'on veut dessus...)
etc...

ça mais c'est tout ce que 
j'ai trouvé !

c'est déjà pas mal :) un conseil de débutant éternel: faire confiance 
aux boucles/filtres de spip, ça marche vraiment très bien ;)

Merci de votre aide.

--
hth,

Frédéric

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : [spip-off@rezo.net](mailto:spip-off@rezo.net)
Infos et archives : [http://listes.rezo.net/mailman/listinfo/spip](http://listes.rezo.net/mailman/listinfo/spip)
Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)
irc://[irc.freenode.net/spip](http://irc.freenode.net/spip)
FAQ : [http://www.spip.net/fr_article1054.html](http://www.spip.net/fr_article1054.html)

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip.net/fr_article1054.html

Frederic_Moinard · Juin 13, 2008, 7:18

Bonsoir,

Etienne Berger a écrit :

Merci de la réponse,

Mon portable est sous Debian avec Firefox, mais le fait que cette affiche déborde sur le texte ça le fait sur des firefox Windows aussi.

J'ai à peu près compris cette histoire de boucle. Et j'aimerais assez l'utiliser, d'autant plus que ça permettrait à des rédacteurs de changer cette affiche régulièrement,

vi, c'est l'idée Et en plus, on colle ça dans une rubrique 'cachée' (protégée par acces_restreint côté privé et retirée des boucles en public -voir l'usage de {doublons}-)

ce qui n'est évidemment pas possible avec mon bidouillage actuel.

Mais la boucle que tu me donnes, soit ne donne aucun résultat, soit renvoie des messages d'erreur quand je la bidouille. (du style "champ "extension" inconnu dans field list, ou champ "mode" inconnu dans where clause).

cf La boucle DOCUMENTS - SPIP ?
'mode' et 'extension' sont bien des champs de spip_documents ! Tu boucles bien sur (DOCUMENTS) ?

ça marche sur du 1.9.3, et je n'ai pas de 1.9.2 sous la main, si le pb vient de là ; mais j'ai sûrement piqué la boucle sur la liste, au départ.

En recopiant peu ou prou les boucles du texte central j'ai pu placer un article en lieu et place de l'affiche, mais pas à en récupérer les images (qu'elles soient insérées dans l'article ou en document joint).

Alors merci de me donner des pistes, à moins que mon trop bas niveau soit sans espoir ...

poster la boucle qui ne marche pas (une url avec un ratage serait encore plus pratique) ? Je n'ai posté qu'un début d'exemple...
Ce n'est pas non plus évident, comme exercice de débutant

(...)

un exemple:
<BOUCLE_artimggauche(ARTICLES) {titre_mot=ImageDeGauche}>
<BOUCLE_docimggauche(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, titre} {0,1}>
<div id="imgdegauche" style="background-image: url([(#URL_DOCUMENT||image_reduire{0,115}|extraire_attribut{src})]); background-position: center center;">

(...)

--
hth

Frédéric

Etienne1 · Juin 15, 2008, 3:08

Merci,
Après quelques heures de bidouillage, grace au lien que tu m’as donné et en faisant un mixage de ta proposition, de la boucle de ma page « article » et d’une boucle de ma page « sommaire », je suis arrivé à ça qui fonctionne :

[(#REM) Affiche ]
<BOUCLE_articleaffiche(ARTICLES) {titre_mot=sommaire_affiche}{par num titre, date}{inverse}{0,1}>

<BOUCLE_docaffiche(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date}{0,1}>
[ (#LOGO_DOCUMENT||image_reduire{0,350}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})]
</BOUCLE_docaffiche>
</BOUCLE_articleaffiche>

Maintenant je vais essayer que cette image change à chaque arrivée sur la page, de façon aléatoire, soit en prenant aléatoirement un document dans l’article (au lieu du premier) soit en prenant aléatoirement un article ayant le mot-clé.

Je cherche sur le web et crée un nouveau post si besoin.
Merci encore

Frédéric Moinard a écrit :

J-C · Juin 15, 2008, 3:15

Etienne Berger a écrit :

Merci,
Après quelques heures de bidouillage, grace au lien que tu m’as donné et en faisant un mixage de ta proposition, de la boucle de ma page « article » et d’une boucle de ma page « sommaire », je suis arrivé à ça qui fonctionne :

[(#REM) Affiche ]
<BOUCLE_articleaffiche(ARTICLES) {titre_mot=sommaire_affiche}{par num titre, date}{inverse}{0,1}>

<BOUCLE_docaffiche(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date}{0,1}>
[ (#LOGO_DOCUMENT||image_reduire{0,350}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})]
</BOUCLE_docaffiche>
</BOUCLE_articleaffiche>

Maintenant je vais essayer que cette image change à chaque arrivée sur la page, de façon aléatoire, soit en prenant aléatoirement un document dans l’article (au lieu du premier) soit en prenant aléatoirement un article ayant le mot-clé.

Je cherche sur le web et crée un nouveau post si besoin.
Merci encore

le critère {par hasard} devrait répondre à ton besoin

Etienne1 · Juin 15, 2008, 4:17

Effectivement, j’avais trouvé ça par une petite recherche et c’est exactement ce que je voulais. Super.

Jean-Christophe Villeneuve a écrit :

Etienne Berger a écrit :

Merci,
Après quelques heures de bidouillage, grace au lien que tu m’as donné et en faisant un mixage de ta proposition, de la boucle de ma page « article » et d’une boucle de ma page « sommaire », je suis arrivé à ça qui fonctionne :

[(#REM) Affiche ]
<BOUCLE_articleaffiche(ARTICLES) {titre_mot=sommaire_affiche}{par num titre, date}{inverse}{0,1}>

<BOUCLE_docaffiche(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date}{0,1}>
[ (#LOGO_DOCUMENT||image_reduire{0,350}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})]
</BOUCLE_docaffiche>
</BOUCLE_articleaffiche>

Maintenant je vais essayer que cette image change à chaque arrivée sur la page, de façon aléatoire, soit en prenant aléatoirement un document dans l’article (au lieu du premier) soit en prenant aléatoirement un article ayant le mot-clé.

Je cherche sur le web et crée un nouveau post si besoin.
Merci encore

le critère {par hasard} devrait répondre à ton besoin