SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 288 visiteurs en ce moment

Accueil > Améliorations de l’espace privé > Champs extra > Image zoomable provenant d’un champ #EXTRA

Image zoomable provenant d’un champ #EXTRA

26 octobre 2004 – par ADB

0 vote

Comment insérer une image zoomable appelée par un champ #Extra
Attention : le zoom ne fonctionne pas avec IE

Lorsque je me suis attaqué à mon site Guide Méditerranée, je suis passé par nombre de sites sur les CSS.

Et j’ai trouvé les codes de style CSS pour zoomer une image. Pour cela, on affiche une image réduite en permanence, qui s’agrandit à ses dimensions normales lorsque la souris passe dessus. C’est magique !

Or, mes images à moi provenaient d’un champ #Extra, qui ne permet pas l’application des fonctions reduire_image et autres. De plus, toutes les images que je veux placer n’ont pas la même dimension.

Il a donc fallu écrire un peu de php pour récupérer tout cela.

-  Attention :
1) je ne suis pas un expert en php, si bienque le code doit pouvoir s’améliorer.

2) le zoom tel qu’il est présenté ici ne fonctionne pas avec IE. Il faut une adaptation un peu différente dans son application, et surtout un fichier « image » qui contient les
2 images : la petite et la grande.

Voir à ce propos http://mammouthland.free.fr/cours/css/cours8.php

Explication du code

Le principe est assez simple. Il faut récupérer les infos qu’envoie SPIP lorsqu’il extrait le champ #EXTRA, qui ne comporte que l’indication <img20|center>.

  • On commence donc par extraire le nom de l’image, puis ses valeurs de largeur et de hauteur grâce à la commande php explode.
  • Puis on stocke ces valeurs.
  • On applique un facteur de zoom (c’est-à-dire de réduction) à ces dimensions.
  • on insère les commandes de style
  • on affiche l’image

Je pense avoir commenté suffisamment le code nécessaire. Mais n’hésitez pas à me contacter pour de plus amples informations.

Et pour voir comment ça se passe, allez à http://guidemediterranee.free.fr/ar...

Dernière modification de cette page le 26 octobre 2004

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Adieu l’ami...

    17 juin 2007 – 51 commentaires

    17 juin 2007 - 17 giugno 2007 Bonsoir, Nous venons d’apprendre une triste nouvelle : la mort soudaine de notre ami Bertrand Gugger, aka toggg, geek généreux, au tempérament bien trempé, dont le cœur bourru s’est éteint cette nuit. Il avait 50 (...)

  • Ordoc : ordonner les documents attachés

    3 février – 20 commentaires

    Ordoc est un plugin pour SPIP 3.1 qui ajoute aux listes de documents attachés à des objets éditoriaux (tel que les articles), la possibilité d’ordonner les documents par glisser / déposer. Ordoc ajoute dans listes de documents attachés à des objets (...)

  • Albums 3

    8 août 2014 – 226 commentaires

    Le plugin « Albums » évolue dans une version 3 pour SPIP 3. Avant d’effectuer une mise à jour depuis la version 1 ou 2, consultez les notes sur la rétro-compatibilité. Les modèles, notamment, on reçut quelques changements pour la bonne cause. En (...)

  • Spip2Spip

    21 février 2008 – 160 commentaires

    Spip2spip permet de synchroniser le contenu de plusieurs sites SPIP entre eux en étendant le principe de la syndication thématique. Les articles d’un SPIP sont récopiés d’un site à l’autre en conservant leur formatage (...)

  • GIS Geometries

    19 mars 2014 – 48 commentaires

    Ce plugin ajoute au plugin GIS la possibilité d’afficher et d’éditer des formes géométriques. Avertissement : ce plugin ne fonctionne que sur les sites qui utilisent une base de données MySQL en version 4.1 minimum, car la gestion des données (...)

Ça spipe par là