Création de Vignettes dans les articles

Général
1

Bonjour,

Apres avoir parcouru l’aide de spip, je me suis rendu compte qu’on pouvait inclure des images dans les articles.

Par contre, on ne peut pas les inclure sous forme de vignette, je m’explique :

  • On upload une image

  • Spip la sauvegarde sous 2 formats (un petit format et taille normale) et crée le tag correspondant à la vignette.

  • On inclue le tag dans l’article et la vignette est intégrée

Résultat : Quand l’article est affiché, on a une petite vignette de l’image et quand on clique dessus on a la version taille réelle dans une nouvelle fenêtre.

On peut même aller plus loin je pense en imaginant un script d’ouverture taille réelle qui soit une popup à la taille de l’image voir plus grande pour inclure un banner du site et un bouton fermer.

J’utilise d’autre moteur de news ou cette fonctionnalité est présente est me manque bcp, elle est très utile pour plein de sites a partir du moment ou on inclue des images (albums photos, sites de jeux, etc…)

A l’heure actuelle sous spip, pour réaliser la même chose, il faut uploader les images dans les 2 formats et inclure le code html. Ce qui n’est pas forcement a la portée de tous les rédacteurs.

Cette fonctionnalité est-elle selon vous implementable sous spip ? Prévue dans une évolution future ?

Elle serait vraiment fort utile.

Fabrice LM.

2

Bonjour Fabrice,

Tu peux adapter tout ce que tu veux avec un peu d'imagination à Spip, sur
mon site principal il y a une partie ressources images et j'ai adapté des
squelettes en fonction de la présentation et du type d'images à afficher.

Voir http://www.abc-creatweb.com/rubrique.php3?id_rubrique=1 presque chaque
sous-rubrique a une présentation différente, cette version du site n'est
pas encore vue par les visiteurs donc il y a encore des liens cassés mais
tout ce qu'il y a dans l'encadré "Les Dossiers" tu peux surfer sans
problème, cela te permettra de voir s'il y a quelque chose qui te convient
ou donner une idée.

Pour des présentations vignettes et agrandissement tu peux faire du type

http://www.abc-creatweb.com/rubrique.php3?id_rubrique=32
ou encore
http://www.abc-creatweb.com/article.php3?id_article=24 que j'ai pioché sur
un site spip :slight_smile:

Amicalement
Lydie

--------------------------------
ABC Creat-Web
http://www.abc-creatweb.com
Ressources Webmasters
--------------------------------
-----Message d'origine-----
De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net]De la part de Rohel
Envoyé : mardi 27 août 2002 10:54
À : spip@rezo.net
Objet : [Spip] Création de Vignettes dans les articles

Bonjour,

Apres avoir parcouru l’aide de spip, je me suis rendu compte qu’on pouvait
inclure des images dans les articles.
Par contre, on ne peut pas les inclure sous forme de vignette, je m’explique
:

- On upload une image
- Spip la sauvegarde sous 2 formats (un petit format et taille
normale) et crée le tag correspondant à la vignette.
- On inclue le tag dans l’article et la vignette est intégrée

Résultat : Quand l’article est affiché, on a une petite vignette de l’image
et quand on clique dessus on a la version taille réelle dans une nouvelle
fenêtre.

On peut même aller plus loin je pense en imaginant un script d’ouverture
taille réelle qui soit une popup à la taille de l’image voir plus grande
pour inclure un banner du site et un bouton fermer.

J’utilise d’autre moteur de news ou cette fonctionnalité est présente est me
manque bcp, elle est très utile pour plein de sites a partir du moment ou on
inclue des images (albums photos, sites de jeux, etc…)

A l’heure actuelle sous spip, pour réaliser la même chose, il faut uploader
les images dans les 2 formats et inclure le code html. Ce qui n’est pas
forcement a la portée de tous les rédacteurs.

Cette fonctionnalité est-elle selon vous implementable sous spip ? Prévue
dans une évolution future ?

Elle serait vraiment fort utile.

Fabrice LM.

3

http://www.abc-creatweb.com/rubrique.php3?id_rubrique=32
ou encore
http://www.abc-creatweb.com/article.php3?id_article=24 que j'ai pioché
sur un site spip :slight_smile:

ça m'intéresse aussi ... mais peut-tu nous donner l'adresse des
squelettes corespondant ou l'endroit ou tu les à trouvés

merci

Sylvain
http://titeuf.lautre.net/

4

Bonjour Sylvain,

> http://www.abc-creatweb.com/rubrique.php3?id_rubrique=32

voilà l'adresse du squelette de cette rubrique
http://www.abc-creatweb.com/rubrique-27.html pour l'article tu peux
présenter n'importe comment dans ton texte du met la grande image et la
miniature tu l'utilises pour le logo. La rubrique affiche toutes les
miniatures qui sont les logos des articles. A partir de ce principe tu peux
regrouper d'autres images avec affichage dans la rubrique des logos des
articles, ou du texte si image trop grande pour être un logo avec lien ou
sans lien vers son article.

> ou encore
> http://www.abc-creatweb.com/article.php3?id_article=24 que j'ai pioché
> sur un site spip :slight_smile:

mon squelette http://www.abc-creatweb.com/article-12.html

L'idée viens d'ici
http://www.mytiliculture.com/rubrique.php3?id_rubrique=19

ça m'intéresse aussi ... mais peut-tu nous donner l'adresse des
squelettes corespondant ou l'endroit ou tu les à trouvés

merci

Sylvain
http://titeuf.lautre.net/

_______________________________________________
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.uzine.net/spip

5

Ton système est bien, mais même si ça s approche de ce que je veux
faire, c'est pas tout à fait la même chose.

En gros, je ne veux pas passer par article.php3 :slight_smile:

Ce que j'aimerais bien, c est que spip gère automatiquement les 2
tailles avec GD/php ça doit être possible et qu'il y ai une syntaxe
raccourcis (genre [CENTER][VIGNETTE1][CENTER])qui fasse a la fois les
deux choses suivantes :

- afficher la vignette dans l'article
- Ouvrir dans une nouvelle fenêtre juste l'image grande taille pas tout
l article, maintenant si on peut spécifier quelques paramètres c est
encore mieux.(couleur de fond, bouton fermer, etc...)

C'est une idée d'évolution car cette fonctionnalité existe dans certains
moteurs de news.

Fabrice.

-----Original Message-----
From: spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] On Behalf Of
Lydie - ABC Creat-Web
Sent: mardi 27 août 2002 13:38
To: Sylvain MICHEL; spip@rezo.net
Subject: RE: [Spip] Création de Vignettes dans les articles

Bonjour Sylvain,

> http://www.abc-creatweb.com/rubrique.php3?id_rubrique=32

voilà l'adresse du squelette de cette rubrique
http://www.abc-creatweb.com/rubrique-27.html pour l'article tu peux
présenter n'importe comment dans ton texte du met la grande image et la
miniature tu l'utilises pour le logo. La rubrique affiche toutes les
miniatures qui sont les logos des articles. A partir de ce principe tu
peux
regrouper d'autres images avec affichage dans la rubrique des logos des
articles, ou du texte si image trop grande pour être un logo avec lien
ou
sans lien vers son article.

> ou encore
> http://www.abc-creatweb.com/article.php3?id_article=24 que j'ai

pioché

> sur un site spip :slight_smile:

mon squelette http://www.abc-creatweb.com/article-12.html

L'idée viens d'ici
http://www.mytiliculture.com/rubrique.php3?id_rubrique=19

ça m'intéresse aussi ... mais peut-tu nous donner l'adresse des
squelettes corespondant ou l'endroit ou tu les à trouvés

merci

Sylvain
http://titeuf.lautre.net/

_______________________________________________
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.uzine.net/spip

_______________________________________________
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.uzine.net/spip

6

Ce que j'aimerais bien, c est que spip gère automatiquement les 2
tailles avec GD/php ça doit être possible

spip gére la création de vignettes sur les serveurs ayant installé la bibliothèque GD pour php.

et qu'il y ai une syntaxe
raccourcis (genre [CENTER][VIGNETTE1][CENTER])qui fasse a la fois les
deux choses suivantes :

la balise à inclure lors de la rédaction de l'article est <docXXX|center>

- afficher la vignette dans l'article
- Ouvrir dans une nouvelle fenêtre juste l'image grande taille pas tout
l article,

c'est exactement ce que ça fait :slight_smile:

Pour le reste ça se customize via les squelettes et la boucle DOCUMENTS
(le tout avec spip 1.4 bien sûr)

Dorian
---------oO0o0Oo----------
::: Association 3e StudiO :::
:: http://www.3studio.org ::
mes photos avec SPIP : http://dcc.3studio.org/

7

Je suis a la version 1.3.2, je n'avais pas vu les nouvelles
ameliorations de la version 1.4. Honte a moi !

Efectivement, ca a l air de coller parfaitement avec ce que je veux
faire.

Par contre, pour un site en prod avec beaucoup d'utilisateurs c est
conseillé de passer en 1.4 ? Sur le site de spip, c'est toujours la 1.3
en download, ca veut dire que la 1.4 actuelle est pas consideré comme
stable ?

Fabrice LM.

-----Original Message-----
From: spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] On Behalf Of
Oo -- DoriaN -- oO
Sent: mardi 27 août 2002 15:53
To: spip@rezo.net
Subject: Re: [Spip] Création de Vignettes dans les articles

Ce que j'aimerais bien, c est que spip gère automatiquement les 2
tailles avec GD/php ça doit être possible

spip gére la création de vignettes sur les serveurs ayant installé la
bibliothèque GD pour php.

et qu'il y ai une syntaxe
raccourcis (genre [CENTER][VIGNETTE1][CENTER])qui fasse a la fois les
deux choses suivantes :

la balise à inclure lors de la rédaction de l'article est
<docXXX|center>

- afficher la vignette dans l'article
- Ouvrir dans une nouvelle fenêtre juste l'image grande taille pas

tout

l article,

c'est exactement ce que ça fait :slight_smile:

Pour le reste ça se customize via les squelettes et la boucle DOCUMENTS
(le tout avec spip 1.4 bien sûr)

Dorian
---------oO0o0Oo----------
::: Association 3e StudiO :::
:: http://www.3studio.org ::
mes photos avec SPIP : http://dcc.3studio.org/

_______________________________________________
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.uzine.net/spip

8

La 1.4pr est ambigüe question vidange de cache.

Après clic sur "Administrer le site", on trouve un bouton "Vider le cache" en
barre de menu (A noter que le bouton "Effacer la base" à côté est assez
inquiétant).

Après clic sur "Vider le cache", on a tendance à s'arrêter là.

Or il faut semble t'il cliquer de nouveau sur "Vider le cache", mais cette fois
en Bouton dans la page.

Un bégaiement douteux dont on pourrait ptet se passer en appelant le premier par
exemple "Actualiser le site", ce qui aurait aussi le mérite de parler moins
chinois.

Non ?

Walk
le site pour débutant SUD commence à prendre forme
http://membres.lycos.fr/lestitres/
bonnes volontés et avis bienvenus (sur et dans le site même).

9

Le Mardi 27 Août 2002 15:21, Rohel a écrit :

Comme j'ai ete confronte au probleme voila comment j'ai fait ...
C'est tres artisanal mais c'est efficace..
cf : http://www.dmsarver.com/expo.php3?id_rubrique=14

Les vignettes sont en fait les logo d'articles.
Dans la boucle on rajoute un petit javascript banal (windows open) et hop une
nouvelle pop-up apparait avec dedans la photo en grand.
Cela necessite 2 squellettes ...

Voila si tu veux je peux te filer le squellette

Coralie

Ton système est bien, mais même si ça s approche de ce que je veux
faire, c'est pas tout à fait la même chose.

En gros, je ne veux pas passer par article.php3 :slight_smile:

Ce que j'aimerais bien, c est que spip gère automatiquement les 2
tailles avec GD/php ça doit être possible et qu'il y ai une syntaxe
raccourcis (genre [CENTER][VIGNETTE1][CENTER])qui fasse a la fois les
deux choses suivantes :

- afficher la vignette dans l'article
- Ouvrir dans une nouvelle fenêtre juste l'image grande taille pas tout
l article, maintenant si on peut spécifier quelques paramètres c est
encore mieux.(couleur de fond, bouton fermer, etc...)

C'est une idée d'évolution car cette fonctionnalité existe dans certains
moteurs de news.

Fabrice.

-----Original Message-----
From: spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] On Behalf Of
Lydie - ABC Creat-Web
Sent: mardi 27 août 2002 13:38
To: Sylvain MICHEL; spip@rezo.net
Subject: RE: [Spip] Création de Vignettes dans les articles

Bonjour Sylvain,

> > http://www.abc-creatweb.com/rubrique.php3?id_rubrique=32

voilà l'adresse du squelette de cette rubrique
http://www.abc-creatweb.com/rubrique-27.html pour l'article tu peux
présenter n'importe comment dans ton texte du met la grande image et la
miniature tu l'utilises pour le logo. La rubrique affiche toutes les
miniatures qui sont les logos des articles. A partir de ce principe tu
peux
regrouper d'autres images avec affichage dans la rubrique des logos des
articles, ou du texte si image trop grande pour être un logo avec lien
ou
sans lien vers son article.

> > ou encore
> > http://www.abc-creatweb.com/article.php3?id_article=24 que j'ai

pioché

> > sur un site spip :slight_smile:

mon squelette http://www.abc-creatweb.com/article-12.html

L'idée viens d'ici
http://www.mytiliculture.com/rubrique.php3?id_rubrique=19

> ça m'intéresse aussi ... mais peut-tu nous donner l'adresse des
> squelettes corespondant ou l'endroit ou tu les à trouvés
>
> merci
>
> Sylvain
> http://titeuf.lautre.net/
>
> _______________________________________________
> 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.uzine.net/spip

_______________________________________________
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.uzine.net/spip

_______________________________________________
liste spip
spip@rezo.net - disabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.uzine.net/spip
From rohel@seigneurs.org Tue Aug 27 21:29:39 2002

Return-Path: <rohel@seigneurs.org>
Received: from epimetheus.hosting4u.net (epimetheus.hosting4u.net
  [209.15.2.70])by miel.brainstorm.fr (Postfix) with SMTP id A215C1C71C
  for <spip@rezo.net>; Tue, 27 Aug 2002 21:29:38 +0200 (CEST)
Received: (qmail 27287 invoked from network); 27 Aug 2002 19:29:37 -0000
Received: from gemini.hosting4u.net (HELO seigneurs.org) (209.15.2.47)
  by mail-gate.hosting4u.net with SMTP; 27 Aug 2002 19:29:37 -0000
Received: from rohelserver ([193.252.8.183]) by seigneurs.org ;
  Tue, 27 Aug 2002 14:29:37 -0500
From: "Rohel" <rohel@seigneurs.org>
To: <spip@rezo.net>
Subject: =?iso-8859-1?Q?RE:_=5BSpip=5D_Cr=E9ation_de_Vignettes_dans_les_articles?=
Date: Tue, 27 Aug 2002 21:29:50 +0200
Message-ID: <000101c24e00$1d2425f0$0a00000a@rohelserver>
MIME-Version: 1.0
Content-Type: text/plain;
  charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
X-Priority: 3 (Normal)
X-MSMail-Priority: Normal
X-Mailer: Microsoft Outlook, Build 10.0.2616
Importance: Normal
In-Reply-To: <3D49FF14009121A3@mel-rta7.wanadoo.fr> (added by
  postmaster@wanadoo.fr)
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2600.0000
X-Rcpt-To: <spip@rezo.net>
X-BeenThere: spip@rezo.net
X-Mailman-Version: 2.1b2+
Precedence: list
List-Help: <mailto:spip-request@rezo.net?subject=help>
List-Archive: <Discuter chez rezo.net;
List-Unsubscribe: <http://listes.rezo.net/mailman/listinfo/spip&gt;,
  <mailto:spip-request@rezo.net?subject=unsubscribe>
List-Subscribe: <http://listes.rezo.net/mailman/listinfo/spip&gt;,
  <mailto:spip-request@rezo.net?subject=subscribe>
List-Post: <mailto:spip@rezo.net>
List-Id: SPIP : questions/reponses <spip.rezo.net>
X-List-Received-Date: Tue, 27 Aug 2002 19:29:39 -0000
Status: O
Content-Length: 3818
Lines: 134

En effet, pas mal comme syst=E8me...

Mais o=F9 sont les images ? :stuck_out_tongue:

Quand je clique sur l'image j'ai une popup avec marqu=E9 photo et rien
(pas d'images)...

Ca vient de moi ou y a un bug ?

Fabrice.

-----Original Message-----
From: coralie@copinedegeek.com [mailto:coralie@copinedegeek.com]=20
Sent: mardi 27 ao=FBt 2002 21:10
To: Rohel; spip@rezo.net
Subject: Re: [Spip] Cr=E9ation de Vignettes dans les articles

Le Mardi 27 Ao=FBt 2002 15:21, Rohel a =E9crit :

Comme j'ai ete confronte au probleme voila comment j'ai fait ...
C'est tres artisanal mais c'est efficace..
cf : http://www.dmsarver.com/expo.php3?id_rubrique=3D14

Les vignettes sont en fait les logo d'articles.=20
Dans la boucle on rajoute un petit javascript banal (windows open) et
hop une=20
nouvelle pop-up apparait avec dedans la photo en grand.
Cela necessite 2 squellettes ...

Voila si tu veux je peux te filer le squellette

Coralie

Ton syst=E8me est bien, mais m=EAme si =E7a s approche de ce que je =

veux

faire, c'est pas tout =E0 fait la m=EAme chose.

En gros, je ne veux pas passer par article.php3 :slight_smile:

Ce que j'aimerais bien, c est que spip g=E8re automatiquement les 2
tailles avec GD/php =E7a doit =EAtre possible et qu'il y ai une =

syntaxe

raccourcis (genre [CENTER][VIGNETTE1][CENTER])qui fasse a la fois les
deux choses suivantes :

- afficher la vignette dans l'article
- Ouvrir dans une nouvelle fen=EAtre juste l'image grande taille pas

tout

l article, maintenant si on peut sp=E9cifier quelques param=E8tres c =

est

encore mieux.(couleur de fond, bouton fermer, etc...)

C'est une id=E9e d'=E9volution car cette fonctionnalit=E9 existe dans

certains

moteurs de news.

Fabrice.

-----Original Message-----
From: spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] On Behalf

Of

Lydie - ABC Creat-Web
Sent: mardi 27 ao=FBt 2002 13:38
To: Sylvain MICHEL; spip@rezo.net
Subject: RE: [Spip] Cr=E9ation de Vignettes dans les articles

Bonjour Sylvain,

> > http://www.abc-creatweb.com/rubrique.php3?id_rubrique=3D32

voil=E0 l'adresse du squelette de cette rubrique
http://www.abc-creatweb.com/rubrique-27.html pour l'article tu peux
pr=E9senter n'importe comment dans ton texte du met la grande image et

la

miniature tu l'utilises pour le logo. La rubrique affiche toutes les
miniatures qui sont les logos des articles. A partir de ce principe

tu

peux
regrouper d'autres images avec affichage dans la rubrique des logos

des

articles, ou du texte si image trop grande pour =EAtre un logo avec =

lien

ou
sans lien vers son article.

> > ou encore
> > http://www.abc-creatweb.com/article.php3?id_article=3D24 que j'ai

pioch=E9

> > sur un site spip :slight_smile:

mon squelette http://www.abc-creatweb.com/article-12.html

L'id=E9e viens d'ici
http://www.mytiliculture.com/rubrique.php3?id_rubrique=3D19

> =E7a m'int=E9resse aussi ... mais peut-tu nous donner l'adresse des
> squelettes corespondant ou l'endroit ou tu les =E0 trouv=E9s
>
> merci
>
> Sylvain
> http://titeuf.lautre.net/
>
> _______________________________________________
> liste spip
> spip@rezo.net - d=E9sabonnement : spip-off@rezo.net
> Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
> Documentation de SPIP : http://www.uzine.net/spip

_______________________________________________
liste spip
spip@rezo.net - d=E9sabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.uzine.net/spip

_______________________________________________
liste spip
spip@rezo.net - disabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.uzine.net/spip