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

À propos de SPIP

SPIP

SPIP Blog

SPIP Démo

SPIP Doc

SPIP Forums

SPIP Herbier

SPIP Irc

SPIP Party

SPIP Sedna

SPIP Test-GrmlEU

SPIP User

SPIP Zone

Accueil du site > Images, Galeries > Images actives > Vignettes et images de survol > Archives Vignettes et images de survol

La miniature et son popup

mercredi 18 janvier 2006, par pym. Dernier ajout dimanche 29 avril 2007

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.

Documents joints

fonction popup (Zip - 651 octets)

Répondre à cet article

La miniature et son popup
3 juin 2008 16:35, par idp

Bonne idée cette contrib. Cela marche t il avec Spip 192d ?

Répondre à ce message
- La miniature et son popup 3 juin 2008 17:30, par pym
  
  Désolé pas pour le moment... ;) bientot j’espere !
  
  Répondre à ce message
Retour au début des forums
La miniature et son popup
19 février 2007 12:12, par provinfo

Bravo et merci

Par contre pour 1.9 pensez-vous l’adapter.

Patrick ROUDEIX

Répondre à ce message

Retour au début des forums
La miniature et son popup
2 octobre 2006 13:01, par quentinico

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 ?

Répondre à ce message
- La miniature et son popup 2 octobre 2006 13:09, par pym
  
  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.
  
  Répondre à ce message
Retour au début des forums
La miniature et son popup
21 avril 2006 22:01, par rabe

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

Répondre à ce message

Retour au début des forums
La miniature et son popup
6 avril 2006 15:54, par malian

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 :)

Répondre à ce message

Retour au début des forums
La miniature et son popup
8 mars 2006 19:05, par DD

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.

Répondre à ce message
- La miniature et son popup 9 mars 2006 14:21, par pym
  
  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+
  
  Répondre à ce message
Retour au début des forums
La miniature et son popup
22 janvier 2006 16:59, par thx11

Merci pour cette contribution très utile. Cela fonctionne bien sauf que chez moi cela ne marche qu’avec les images en documents joints. Y a t-il moyen de faire aussi avec les images incluses dans le texte ?

PS : j’ai combiné cette contrib avec celle décrite ici [->http://www.spip-contrib.net/Redimen...]

Du coup j’obtient à la fois la réduction d’image et le popup sans avoir à mettre le code <code> popup </code> Cela ne marche toujours qu’avec les images en document joint.

Répondre à ce message
- La miniature et son popup 22 janvier 2006 19:31, par pym
  
  Ben c’est vrai qu’en fait cette fonction n’est faite que pour les images insérées en tant que document. Les images intégrées dans le texte dans leur taille réelle ne sont pas concernées..
  
  Répondre à ce message
  - La miniature et son popup 5 février 2006 03:05, par jdautz
    
    Je n’ai pas tout saisi sur l’implémentation dans le HTML, ou ça coince avec spip 1.8 ?
    
    Répondre à ce message
Retour au début des forums
La miniature et son popup
22 janvier 2006 07:01, par DoriaN

indispensable !

Répondre à ce message

Retour au début des forums

RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib |

| L'autre.net