Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1291 sites
Des modèles
Article mis en ligne le 5 décembre 2015
dernière modification le 8 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Escal propose en plus des fonctionnalités classiques deux modèles pour afficher les images :

image-fluide

Ce modèle permet d’afficher des images "responsive" ou "mobile-friendly" tout en :

  • respectant la largeur maximum des images dans les articles définies dans la configuration d’Escal
  • n’agrandissant pas l’image si elle est plus petite que cette limite
  • centrant cette image

le raccourci à utiliser est <image_fluideXX> où XX correspond au numéro de l’image

Voir quelques tests dans cet article

image_exif

Ce modèle nécessite l’installation du plugin Métadonnées photos

l’archive Zip de ce plugin est très volumineuse, et l’installateur automatique ne peut pas la récupérer. Il est donc nécessaire d’installer ce plugin à la main

Le modèle permet d’afficher une image centrée et "Responsive" et ses métadonnées (appareil, sensibilité, vitesse, ouverture, focale, flash et ouverture max.)

le raccourci à utiliser est <image_exifXX> où XX correspond au numéro de l’image

Voir quelques tests dans cet article

Forum
Répondre à cet article
droite, gauche nom fonctionnel
Christian - le 13 décembre 2016

Bonjour,

J’ai voulu utiliser le modele image fluide avec left mais ça reste centré.
Est ce normal ?

droite, gauche nom fonctionnel
Jean Christophe Villeneuve - le 13 décembre 2016

Oui, c’est un choix que j’ai fait.
Car une image à gauche ou à droite implique du texte à côté, Texte qui risque d’avoir très peu de place sur un petit écran, donc moche.

Supprimer la lightbox du modèle image fluide
Christian - le 30 novembre 2016

Bonjour,

J’ai voulu utiliser le modele image fluide.
J’ai constaté qu’en cliquant sur l’image, cela ouvrait la lightbox.
hors j’ai besoin de mettre un lien de l’image vers une page.

J’ai donc pris le fichier le fichier image_fluide.htm, je l’ai mis dans le répertoire squelettes/modeles et j’ai viré ce qui me semblait faire ouvrir la lightbox.

Et plus rien ne marche...
Ça ne pouvait pas être aussi simple !

Quel code mettre pour afficher l’image (fluide) sans lien sur la light box ?

merci pour votre aide

Christian

Supprimer la lightbox du modèle image fluide
Jean Christophe Villeneuve - le 1er décembre 2016

Hello

Normalement, en supprimant les lignes 7 et 14 du modèle d’origine, ça doit faire ce que tu veux.

Supprimer la lightbox du modèle image fluide
Christian - le 1er décembre 2016

Super çca marche.

Au début, avant d’écrire ici, dans un élan d’optimisme, j’avais supprimé les ligne 7 à 14...

Et j’avais un joli espace blanc... à la place de l’image.

Ta manière marche super ! Merci

J’ai essayé de mettre un lien vers une page sur l’image.
J’ai mis ce code qui bien sur ne matche pas :

| <image_fluide13|lien=http://www.voillemont.com/sitedetest/spip.php?article17>|

Comment devrais je faire ?

Supprimer la lightbox du modèle image fluide
Jean Christophe Villeneuve - le 1er décembre 2016

Ben exactement comme pour un texte : tu sélectionnes ton image, tu cliques sur l’icône de lien de spip et tu colles ton adresse.
Ou tu écris directement

[<image_fluide13>->http://www.voillemont.com/sitedetest/spip.php?article17]

Supprimer la lightbox du modèle image fluide
Christian - le 1er décembre 2016

Aussi simple que ça !
J’ai potassé des docs, des forums sans trouver !

Tu es une encyclopédie !

Merci



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.86.30