Vignettes et images de survol - commentaires

Vignettes et images de survol - version 1.9.2

J'ai enfin réussi à le faire tourner sur SPIP 1.9.1 seulement ; sur 1.9.2 avec le nouveau script de Philippe, ça me plante la BDD

Donc il faut faire attention de joindre à l'article un document ( qui sera l'image ) et dans le texte de l'article ! mettre la balise de l'image avec son numéro correspodant qui est donné au doc soit

A bientôt pour de nouvelles aventures avec 1.9.2

Stef

Vignettes et images de survol - version 1.9.2

J'utilise également la version 1.9.2 et la fonction telle quelle pour la version 1.9.1 ne fonctionnait pas.

En fait, j'ai vu que dans cette nouvelle version de spip, l'organisation des répertoires pour les images est différentes. J'ai alors modifié le code de la fonction survol ainsi :

function survol($chaine)

$motif = « /< a href=\"IMG\/([^\"]+\.(jpg|gif|png))\"(.+)>< img src='local\/(cache-vignettes.+)\/([^']+\.(jpg|gif|png))'(.+)\/><\/a>/ » ;

//cherche la chaine $motif dans la chaine $chaine et renvoi les résultats dans la teableau $tabresult

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

$to_return = $chaine ;

for ($i=0 ; $i< count($tabresult[0]) ; $i++)

$rep_off = $tabresult[4][$i] ; // répertoire vignette

$img_off = $tabresult[5][$i] ; // nom de fichier vignette

$rep_on = $tabresult[2][$i] ; // répertoire image cible (survol)

$img_on = $tabresult[1][$i] ; // nom de fichier image cible (survol)

$zesurvol = '< a href="javascript : ;">< img title="le survol avec le curseur de la souris (et un peu de patience) agrandit l\'image" style="border-width : 0px ;" class="spip_logos" alt="" src="local/'.$rep_off.'/'.$img_off.'" name="limage'.$i.'" onmouseover="document.limage'.$i.'.src = \'IMG/'.$img_on.'\'" onmouseout="document.limage'.$i.'.src = \'local/'.$rep_off.'/'.$img_off.'\'">< /a>' ;

$to_return = preg_replace(« <".$tabresult[0][$i]."> »,$zesurvol,$to_return) ;

//fin for

return $to_return ;

// FIN du Filtre survol

NB : pour éviter l'interprétation des balises par l'éditeur de message, j'ai inséré des espaces entre le « < » et le caractère suivant ainsi :
« < a », « < img », « < /a » doivent être écrit sans l'espace.

Cela semble fonctionner, mais j'ai encore des cas où les images s'affichent aleatoirement (une fois oui, une fois non). Je me demande si cela est dû à mon hébergeur ou à l'écriture du code (je suis débutant en php et en expression régulière sous php). Si quelqu'un peut m'aider à améliorer le code merci d'avance.

Vignettes et images de survol

En fait j'ai spip 1.9.2, j'ai tout vérifié et tjrs pas de résultat

désolé

Vignettes et images de survol

Pour du code, il me semble qu'il faut mettre le script entre [code] et [/code] (remplacer [] par <>). Pour le gras, utiliser les raccourcis typographiques proposés par l'interface ou mettre le texte entre doubles accolades.

Vignettes et images de survol

Comment faire pour mettre en valeur un code(script) en couleurs, gras, comme un peu plus bas dans cette page !?

Vignettes et images de survol

As-tu vérifié que les images sont incluses dans ton article en tant que document (et pas en tant qu'image) ? Pour que le filtre fonctionne, il faut que les images aient été ajoutées à l'article avec la boite de dialogue « JOINDRE UN DOCUMENT » ou « AJOUTER UN DOCUMENT » et non pas « AJOUTER UNE IMAGE ». Il faut aussi que ces images soient insérées dans l'article avec la bonne balise, c'est à dire quelque chose du type (et non ).

Vignettes et images de survol

Bonjour, désolé ça marche toujours pas !
j'ai transféré spip chez free, je peux configurer le choix gd2 pour les vignettes
J'ai crée un fichier squelette mis le fichier mes_fonctions.php
avec la boucle « survol » :

/* * +----------------------------------+ * Nom du Filtre : survol * +----------------------------------+ * Date : vendredi 11 octobre 2006 * Auteur : vinzmich (vinzmich@yahoo.fr) * +-------------------------------------+ * Fonctions de ce filtre : * Remplace les vignettes et leurs liens par des vignettes dont l'image de survol est l'image en vraie grandeur. * Le filtre survol est à appliquer au texte, dans le squelette de l'article sous la forme [(#TEXTE|survol)] * +-------------------------------------+ * * Pour toute suggestion, remarque, proposition d'ajout * reportez-vous au forum de l'article : * http://www.uzine.net/spip_contrib/article.php3?id_article=1418
*/ function survol($chaine) { $motif = "/<\/a>/"; //cherche la chaine $motif dans la chaine $chaine et renvoi les résultats dans la teableau $tabresult preg_match_all ($motif, $chaine, $tabresult); $to_return = $chaine; for ($i=0; $i< count($tabresult[0]); $i++) { $rep_on = $tabresult[1][$i]; // 1ère parenthèse capturante : répertoire image cible (survol) $img_on = $tabresult[2][$i]; // 2ème parenthèse capturante : nom de fichier image cible (survol) $rep_off = $tabresult[5][$i]; // 5ème parenthèse capturante : répertoire vignette $img_off = $tabresult[6][$i]; // 6ème parenthèse capturante : nom de fichier vignette $zesurvol = '.$rep_off.'/'.$img_off.'" name="limage'.$i.'" onmouseover="document.limage'.$i.'.src = \'IMG/'.$rep_on.'/'.$img_on.'\'" onmouseout="document.limage'.$i.'.src = \'IMG/'.$rep_off.'/'.$img_off.'\'">'; $to_return = preg_replace("<".$tabresult[0][$i].">",$zesurvol,$to_return); }//fin for return $to_return;
}
// FIN du Filtre survol
?>

J'ai mis aussi un fichier rubrique.html et un fichier article.html
J'ai remplacé #TEXTE par (#TEXTE dans article.html dans une div « texte »

#TITRE

(#TEXTE

(#LOGO_DOCUMENT
(#TITRE
[(#DESCRIPTIF)]

Au secours ! Merci

Vignettes et images de survol

En local avec EasyPHP, je n'ai pas non plus accès au choix gd1 ou gd2. Et j'ai le même comportement que toi : une vignette cliquable, qui ouvre l'image vraie grandeur dans une nouvelle fenêtre.

Sur mon site hébergé chez free, j'ai choisi une génération de vignette par la méthode gd2 et tout fonctionne bien.

Tu peux aussi t'assurer que « Générer automatiquement les miniatures des images. » est bien coché.

Vignettes et images de survol

Bonjour winzmick

J'ai suivi tes conseils, merci, mais ça ne fonctionne pas.

J'ai crée un repertoire squelettes mis articles.html, rubrique.html mon css et le fichier mes_fonctions.php dans lequel j'ai collé le contenu du fichier dézippé "survol"

J'ai la main sur la vignette qui ouvre une page avec l'image grandeur nature

Je travaille en local sur EasyPHP et quand je vais à la cofiguration des vignettes dans spip je n'ai pas d'aperçu, le problème vient-il de là

Voilà ce que j'ai comme indication ( j'ai choisi convert sinon la vignette n'apparait pas)

Veuillez sélectionner la meilleure méthode de fabrication des vignettes en cliquant sur l'image correspondante.

netpbm

convert

N.B. Si aucune image n'apparaît, alors le serveur qui héberge votre site n'a pas été configuré pour utiliser de tels outils. Si vous souhaitez utiliser ces fonctions, contactez le responsable technique et demandez les extensions « GD » ou « Imagick ».

Merci pour ton avis

Stéf

Vignettes et images de survol

Bonjour Stef,

Effectivement, s'il n'existe pas, il faut créer le répertoire squelettes à la racine du site (tu peux alors y mettre tes squelettes perso, par exemple adaptés à partir des squelettes pas défaut qui se trouvent dans le dossier dist).

Pareil pour le fichier mes_fonctions.php : le créer s'il n'existe pas, le placer dans le répertoire squelettes.

Vignettes et images de survol

Je débute avec SPIP, j'ai téléchargé 1.9.1 mais je ne vois pas de dossier squelettes, faut-il le créer ? et où se trouve le fichier mes_fonctions.php

Merci de votre aide

Très prometteur mais j'y arrive pas... suite

j'ai parlé trop vite, le survol marche très bien sur Firefox mais avec Explorer 6 l'image « saute » et décale toute la mise en page. (testé sur Linux et Win XP)

catherine

Très prometteur mais j'y arrive pas... finalement si

Ca y est j'ai réussi. Je pense que je n'avais pas bien copié/collé le code de mes_fonctions.php,

C'est très bien comme résultat (trouve-je) : http://www.stadeleonardkreisker.fr/spip.php?article20

merci
dd

Très prometteur mais j'y arrive pas

Bonjour,

C'est effectivement dans le dossier squelettes qu'il faut mettre mes_fonctions.php pour SPIP 1.9 => je vais modifier l'article pour apporter cette correction.

Pour l'instant je ne comprends pas pourquoi ça ne fonctionne pas chez toi. Dans un 1^er temps (ça parait idiot mais on ne sait jamais) vérifie bien l'orthographe de la fonction survol à la fois dans le squelette article.html et dans mes_fonctions.php. Et aussi la syntaxe de ce fichier php (les balises, les accolades de la fonction, etc.) et de l'article ([(#TEXTE|survol)]).
Si tu le souhaites, envoie-moi un message en utilisant ce lien pour qu'on puisse éventuellement échanger des fichiers par courriel.

Très prometteur mais j'y arrive pas

J'essaie d'implémenter cette fonction sur un site en 1.9.1 mais le résultat n'est pas au rendez-vous :

je mets le fichier mes_fonctions.php dans le dossier squelettes (et pas à la racine) et le fitre (#TEXTE sur le squelette ARTICLE

et je me retrouve avec cette erreur pour les articles :
Fatal error : Call to undefined function : survol() in /home/www/monsite/www/ecrire/public/composer.php(48) : eval()'d code on line 887

je crois qu'il y a un problème de chemin.

Si je mets mes_fonctions.php à la racine ca ne marche pas non plus -> pas de fonction SURVOL connue
(là je crois que c'est normal).

catherine