SPIP - Contrib

Langues du site : [ar] [en] [es] [fr] [it]

59 visiteurs en ce moment

Accueil du site > Contribs > Images, Galeries > Images actives > Vignettes et images de survol > Archives Vignettes et images de survol > La miniature et son popup

[13 commentaires]

La miniature et son popup

mercredi 18 janvier 2006, par pym

Lorsqu’on utilise la génération d’images miniatures, une image insérée en tant que document a un lien permettant l’ouverture de l’originale (en taille réelle). Ce lien ouvre cette dernière à la place du contenu (Maj+clic est encore parfois inconnu...). Cette contribution permet d’ouvrir directement l’image dans un popup qui s’adapte à sa taille (compatible 1.7.2 -> 1.8.2e)

Exemple

Il s’agit d’un article sur une activité “pelote de rejection” de lamap22. Les travaux d’élèves sont insérés en tant que vignettes qui vont s’ouvrir dans des popups.

la pelote de rejection de lamap22

Installation

Dans le fichier “mes_fonctions.php3”, insérez le code suivant :

/*
 *   +------------------------------------------------------+
 *    Nom du Filtre :    popup sur vignettes
 *   +------------------------------------------------------+
 *    Date : janvier 2006
 *    Auteur :  pym aidé par Gaelead - pym40000@yahoo.fr                                   
 *   +------------------------------------------------------+
 *    Fonctions de ce filtre :
 *     Ouvre des popups à partir des vignettes
 *   +------------------------------------------------------+ 
 */

function popup($chaine) {

$motif = "/<a href='IMG\/(jpg|gif|png)\/([^']+)'>/";

	preg_match_all ($motif, $chaine, $tabresult);
	
	$to_return = $chaine;

	for ($i=0; $i< count($tabresult[0]); $i++) {
		
		$rep = $tabresult[1][$i];      
		$img = $tabresult[2][$i];      
                $dim_image = @GetImageSize('IMG/'.$rep.'/'.$img);
                $largeur_image = $dim_image[0]+20;
                $hauteur_image = $dim_image[1]+25;
		$zepop = '<a href="javascript:;" OnClick="javascript:window.open(\''.'IMG/'.$rep.'/'.$img.'\', \'_blank\', '
                .'\'toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0,'
                .'width='.$largeur_image.',height='.$hauteur_image.'\')" >';
		
		$to_return = preg_replace("<".$tabresult[0][$i].">",$zepop,$to_return);
	}	

	return $to_return;
}
// FIN du Filtre popup sur vignettes

Ensuite il vous faut ajouter la fonction popup dans le fichier “article.html” de votre squelette : (#TEXTE|popup)

Et voilà c’est fini, c’est pas un popup “la classe qui se ferme tout seul et tout” mais la petite croix, les gens connaissent !

Explications

Il s’agit d’une fonction recherchant dans le texte les liens qui pointent vers les dossiers d’images et qui les remplace par un javascript ouvreur de popup.

En esperant que ça puisse vous servir !

P.-S.

Merci à Gaelead pour son aide et pas merci à lui pour le pack de Duvel.

13 Messages de forum

Voir toute la discussion

1 | 2

3 juin 17:30 , par pym

La miniature et son popup

Désolé pas pour le moment... ;) bientot j’espere !
3 juin 16:35 , par ivandps

La miniature et son popup

Bonne idée cette contrib. Cela marche t il avec Spip 192d ?
19 février 2007 12:12 , par provinfo

La miniature et son popup

Bravo et merci

Par contre pour 1.9 pensez-vous l’adapter.

Patrick ROUDEIX
2 octobre 2006 13:09 , par pym

La miniature et son popup

Je crois qu’avec la version 1.9.1 ya eu des changements pour la gestion des doc insérés dans les articles (avec les modeles). Je vais regarder ça de plus pres. Peut-etre que cette contrib va devenir un modele a partir de la version 1.9.1.
2 octobre 2006 13:01 , par quentinico

La miniature et son popup

Bonjour,

J’ai tenté d’installer cette fonction avec SPIP 1.9 A priori, je ne vois pas ce qui ne colle pas. Remplacer une chaîne de caractères dans le texte me semble indépendant de la version de SPIP. Quelqu’un a-t-il une idée de ce qu’il faut modifier ou l’a déjà fait ?
21 avril 2006 22:01 , par rabe

La miniature et son popup

Très cool cette contrib.
Y a plus qu’à intégrer le titre et la description du document dans la popup, mais mes connaissances en Javascript sont trop limitées... Je vais quand même essayer.

A+

Raphaël
6 avril 2006 15:54 , par malian

La miniature et son popup

Bonjour bonjour, c’est très utile cette contrib mais j’ai une question. :D

Si le visiteur n’a pas javascript, le lien ne fonctionne pas... Y a t’il moyen que si le visiteur ne possède pas javascript, le lien redevienne comme avant ???

Merci :)
9 mars 2006 14:21 , par pym

La miniature et son popup

Effectivement, c’est vrai que son utilisation est limitée à l’insertion d’images en tant que document dans un article. Pour faire des porte-folios jette un cil ici (galerie WALMA - geniale !!) : http://www.spip-contrib.net/+Galerg-'WALMA3+
8 mars 2006 19:05 , par DD

La miniature et son popup

Super pratique merci.

Je l’ai testé avec un SPIP 1.8.2g et il faut obligatoirement insérer le doc dans le texte de l’article pour que cela fonctionne. J’ai tenté le coup dans une boucle DOCUMENTS avec #LOGO_DOCUMENT|POPUP (pour afficher mes docs joints ailleurs sur ma page) et cela ne fonctionne pas. Le lien créé vers le doc est : http://www.monsite.org/popup

Donc ça c’est moins pratique car cela oblige à insérer les docs dans le texte un par un et ne convient pas pour les portfolio d’images. catherine

PS j’ai ajouté le type MPG et indiqué resizable=1 car la taille de la vidéo n’est pas reconnue.
5 février 2006 03:05 , par jdautz

La miniature et son popup

Je n’ai pas tout saisi sur l’implémentation dans le HTML, ou ça coince avec spip 1.8 ?

1 | 2

Répondre à cet article

Ça discute par ici

Le plugin accés restreint par groupes
22 octobre 2006, par Coyote, cy_altern
le plugin accés par groupes permet de restreindre l’accès à des rubriques et leurs contenus en gérant des groupes d’utilisateurs autorisés. A la différence du plugin "accés restreint", le filtrage est appliqué aussi bien dans l’espace privé que (...)

320 commentaires
Afficher des bases de données de parties d’Échecs (PGN) dans les articles
9 octobre, par Azerty
PGN_VIEWER pour Spip - PGN_VIEWER pour Spip est un script PHP facile à intégrer dans Spip et qui permet d’afficher des parties des échecs dans les articles, tout en facilitant la tâche aux auteurs qui trouvent du mal à le faire traditionnellement .. (1) Utilisant (...)

7 commentaires
plugin Forms : création de formulaires
25 octobre 2006, par Cedric Morin, Franck Ducas, L’instit
Documentation basique du plugin Forms pour son volet création de formulaires.

526 commentaires
Plugin d’authentification OpenID
2 avril 2007, par elafargue
Ce plugin permet à SPIP d’accepter OpenID comme méthode d’authentification des rédacteurs.

11 commentaires
Squelette EasySqueletting
17 août, par klelugi
Le squelette EasySqueletting est un squelette de type généraliste, il propose une navigation sur 2 à 3 colonnes ainsi qu’une navigation horizontale par onglets. Les onglets sont des liens vers des rubriques que vous pouvez sélectionner (...)

74 commentaires