BOUCLE dans une r è gle CSS

Général
1

Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?
Merci
Antoine

2

Antoine LUCAS a écrit :

Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?

Je fais comme ça et ça valide même en strict

<div class="Back_logo" style="background-image: url([(#LOGO_ARTICLE||image_reduire{[(#EXTRA|extra{R})]}|extraire_attribut{src})]); background-repeat: no-repeat; background-position:[ (#EXTRA|extra{H})px][ (#EXTRA|extra{V})px];">

et dans config/mes_options.php je déclare les extras

$GLOBALS['champs_extra'] = Array (
'articles' => Array (
"R" => "ligne|propre|R&eacute;duire en pixels",
"H" => "ligne|propre|Position horizontale",
"V" => "ligne|propre|Position verticale"
)

Ce qui me permet depuis l'espace privé (à l'édition de l'article) de
1) Réduire /agrandir l'image
2) Fixer son origine horizontal / vertical

A utiliser avec des gifs et des jpgs. Exploser n'admet pas d'origine avec les png (ou en tout cas je ne sais pas faire)

A++

3

Antoine LUCAS a écrit :

Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?

Je fais comme ça et ça valide même en strict

<div class="Back_logo" style="background-image:
url([(#LOGO_ARTICLE||image_reduire{[(#EXTRA|extra{R})]}|extraire_attribut{src}
)]);
background-repeat: no-repeat; background-position:[
(#EXTRA|extra{H})px][ (#EXTRA|extra{V})px];">

et dans config/mes_options.php je déclare les extras

$GLOBALS['champs_extra'] = Array (
'articles' => Array (
"R" => "ligne|propre|R&eacute;duire en pixels",
"H" => "ligne|propre|Position horizontale",
"V" => "ligne|propre|Position verticale"
)

Ce qui me permet depuis l'espace privé (à l'édition de l'article) de
1) Réduire /agrandir l'image
2) Fixer son origine horizontal / vertical

OK mais cela ne convient que pour afficher le logo d'un article en
background-image dans un div de la page article?
Moi je souhaite afficher l'image jointe d'un article spécifique <imgX> comme
background-image dans un div sur n'importe quel squelette de page.

4

Antoine LUCAS a écrit :

Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?

Je fais comme ça et ça valide même en strict

<div class="Back_logo" style="background-image:
url([(#LOGO_ARTICLE||image_reduire{[(#EXTRA|extra{R})]}|extraire_attribut{src}
)]);
background-repeat: no-repeat; background-position:[
(#EXTRA|extra{H})px][ (#EXTRA|extra{V})px];">

et dans config/mes_options.php je déclare les extras

$GLOBALS['champs_extra'] = Array (
'articles' => Array (
"R" => "ligne|propre|R&eacute;duire en pixels",
"H" => "ligne|propre|Position horizontale",
"V" => "ligne|propre|Position verticale"
)

Ce qui me permet depuis l'espace privé (à l'édition de l'article) de
1) Réduire /agrandir l'image
2) Fixer son origine horizontal / vertical

OK mais cela ne convient que pour afficher le logo d'un article en
background-image dans un div de la page article?
Moi je souhaite afficher l'image jointe d'un article spécifique <imgX> comme
background-image dans un div sur n'importe quel squelette de page.

5

Antoine LUCAS a écrit :

Antoine LUCAS a écrit :

Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?

Je fais comme ça et ça valide même en strict

<div class="Back_logo" style="background-image:
url([(#LOGO_ARTICLE||image_reduire{[(#EXTRA|extra{R})]}|extraire_attribut{src}
)]); background-repeat: no-repeat; background-position:[
(#EXTRA|extra{H})px][ (#EXTRA|extra{V})px];">

et dans config/mes_options.php je déclare les extras

$GLOBALS['champs_extra'] = Array (
'articles' => Array (
"R" => "ligne|propre|R&eacute;duire en pixels",
"H" => "ligne|propre|Position horizontale",
"V" => "ligne|propre|Position verticale"
)

Ce qui me permet depuis l'espace privé (à l'édition de l'article) de
1) Réduire /agrandir l'image
2) Fixer son origine horizontal / vertical

OK mais cela ne convient que pour afficher le logo d'un article en
background-image dans un div de la page article?
Moi je souhaite afficher l'image jointe d'un article spécifique <imgX> comme
background-image dans un div sur n'importe quel squelette de page.

<div style="background-image: url(
<BOUCLE_image(DOCUMENTS){id_article=X}{titre=fond_du_div}{extension IN png,jpg,gif}>#URL_DOCUMENT</BOUCLE_image>)"></div>

en donnant comme titre à ton image "fond_du_div"

6

Antoine LUCAS a écrit :

Antoine LUCAS a écrit :

Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?

Je fais comme ça et ça valide même en strict

<div class="Back_logo" style="background-image:
url([(#LOGO_ARTICLE||image_reduire{[(#EXTRA|extra{R})]}|extraire_attribut{src}
)]); background-repeat: no-repeat; background-position:[
(#EXTRA|extra{H})px][ (#EXTRA|extra{V})px];">

et dans config/mes_options.php je déclare les extras

$GLOBALS['champs_extra'] = Array (
'articles' => Array (
"R" => "ligne|propre|R&eacute;duire en pixels",
"H" => "ligne|propre|Position horizontale",
"V" => "ligne|propre|Position verticale"
)

Ce qui me permet depuis l'espace privé (à l'édition de l'article) de
1) Réduire /agrandir l'image
2) Fixer son origine horizontal / vertical

OK mais cela ne convient que pour afficher le logo d'un article en
background-image dans un div de la page article?
Moi je souhaite afficher l'image jointe d'un article spécifique <imgX> comme
background-image dans un div sur n'importe quel squelette de page.

Nommer les images qui sont destinées à ce div avec un prefixe n (fond_NOMDELIMAGE.jpg) et les chopper avec une regexp ?
Style

<BOUCLE_FONDIV(DOCUMENTS){id_article}>
Ici il faut trouver l'astuce
</BOUCLE_FONDIV>

Je voulai faire ça aussi l'autre jour. Vais voir demain.

A+