Images "responsives" plugin Html5up Spectral et plugin Image responsive

Septembre 2019

Bonjour,
Mes images ne sont pas "responsive" avec le plugin Html5up Spectral...
J’ai essayé d’utiliser les plugins Insertion avancée d’images Image responsive de Arno* : les images sont d’une qualité exécrable.
Avec Insertion avancée d’images les filtres rond et flip ne fonctionnent que dans l’espace privé (!?)
J’ai bidouillé le modèle de la distribution pour obtenir un résultat, mais je préférerai utiliser le plugins ci-dessous.
Merci de vos réponse...

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Septembre 2019

On ne vas pas pouvoir aider des masses sans plus d’explications.
Pour chacun des problèmes, il faut décrire en détail le comportement actuel et le comportement attendu, donner le contexte et si possible une URL où se produit le problème.

Mes images ne sont pas "responsive" avec le plugin Html5up Spectral

Qu’entends-tu par « reponsive » ? Quelles images, celles insérées dans les articles ou ailleurs ?

J’ai essayé d’utiliser les plugins Insertion avancée d’images Image responsive de Arno* : les images sont d’une qualité exécrable

Où ça ? Dans les articles ou ailleurs dans des endroits de tes squelettes ? Quelles images ont été téléversées à la base ? Quelles éventuelles options de config sont utilisées dans le plugin ? Une URL pour voir ?

Avec Insertion avancée d’images les filtres rond et flip ne fonctionnent que dans l’espace privé (!?)

Idem, il faut au minimum une URL.

Pascal Engelmajer

Septembre 2019

Merci de réponse.
J’ai installé un version de spip avec les plugins de mon site en développement sur un domaine inutilisé.
J’ai écrit un article de test avec trois images.
Article de test votre
Vous noterez que le découpage en bloc du Couteau suisse ne fonctionne pas non plus...
Voici le code de la page :

{{{Avec modèle doc}}}

<doc2|center>
{{Avec modèle img}}

{{{{**Erawan niveau 7 (JPEG - 720 × 720 pixels - 535.8 ko)}}}

<img2|center>

{{{**Chiang Rai JPEG - 960 × 640 pixels - 92.8 ko}}}

<img3|center>

{{**Erawan niveau 5 (JPEG - 960 × 720 pixels - 183.4 ko)}}}
<img1|center>

<bloc>
Plugins actifs

Centre image 0.10.6 - stable
Coloration Code 0.10.4 - stable
Enluminures typographiques 3.5.13 - stable
Html5Up Spectral 1.0.18 - test
Image responsive 7.7.8 - stable
Insertion avancée d’images 1.11.2 - stable
Le Couteau Suisse 1.10.15 - stable
SkelEditor 3.1.0 - test
YAML 2.0.11 - test
</bloc>

Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Septembre 2019

Ah voilà, avec une URL ça va tout de suite mieux !

Les scripts d’image responsive ne sont pas chargés (mais les CSS sont bien présentes).

Et après vérification, il manque effectivement la balise #INSERT_HEAD dans le head des squelettes : https://zone.spip.net/trac/spip-zone/browser/spip-zone/_squelettes_/html5up_spectral/inclure/head.html
C’est une balise obligatoire.

Je t’invite à signaler le problème dans le forum de la doc : https://contrib.spip.net/Spectral-HTML5UP#forum

Nb : le message que tu as posté là-bas est dû sans aucun doute au même problème.

Nb2 : Si tu n’obtiens pas de réponse, fais signe ici et je commiterai la modif.
Indiquez l’intérêt que vous portez à cette réponse

0

Pascal Engelmajer

Septembre 2019

Bonjour,
Encore merci.
J’ai posté ta réponse sur le forum de Spectral HTML5UP.
Outre le Couteau Suisse les liens du plugin Skeleditor ne fonctionnent pas (c’est portant pratique quand on travaille sur le squelette...).
Pour les images, j’ai modifié le modèle img.html de la distribution (max-width : 100% !important ; height : auto !important) et modifié le classe image de Spectral de la même manière.
Indiquez l’intérêt que vous portez à cette réponse

0

Courcelles Design

Septembre 2019

Bonjour
souvent le problème avec #INSERT_HEAD dans le head c’est qu’il charge Jquery et les autres js en amont
alors que maintenant la technique est de charger les js dans le footer comme Spectral HTML5UP ou Bootstrap (Prestashop propose le chargement en pied de page nativement)
je charge donc les js "à la mano" sans passer par #INSERT_HEAD
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Septembre 2019

Hello,

Oui mais là tu ne charges même pas jQuery en fin de page, il n’est pas présent du tout ! Ni les scripts des plugins !

Faire ça sur ses projets persos, pourquoi pas car on sait ce à quoi on s’expose et on maîtrise les conséquences. Et même là c’est discutable, tes scripts ne sont pas concaténés et minimisés par le compresseur du coup.

Mais bref, sur un squelette distribué sur la zone, ça me semble un très mauvaise idée, ça casse le fonctionnement normal de SPIP et de ses plugins (ne serait-ce que le rechargement ajax, une fonctionalité de base super importante, qui doit être tout pété là).

Si c’est assumé, le minimum serait de mettre un bandeau d’avertissement dans la doc du plugin pour expliquer que la moitié des plugins ne fonctionneront pas normalement.
Indiquez l’intérêt que vous portez à cette réponse

0

Courcelles Design

Septembre 2019

Bonjour
le lien cité plus haut charge bien les scripts jquery en pied de page
mais aussi dans le head : la console crie au secours

avec le plugin Html5up Spectral comme d’ailleurs les autres Html5up l’ajout de plugins est en effet plus compliqué en tout cas pas standard Spip
il faut mettre en place soi même les liens vers les js et dans le head les liens css des plugins qu’on veut utiliser
idem avec Bootstrap

si les jquery sont bien chargés et que la console n’affiche pas d’erreur pas de soucis d’ajax

tu as raison tcharlss ça devrait être stipulé dans le doc du plugin
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Septembre 2019

Cela dit l’idée est intéressante à explorer, mais pour l’instant à ma connaissance il n’y a pas de méthode simple et sans risque de charger jQuery et les scripts qui en dépendent en fin du HTML dans SPIP.

Des scripts vanilla ça peut le faire, mais pas jQuery.

si les jquery sont bien chargés et que la console n’affiche pas d’erreur pas de soucis d’ajax

Mais sans #INSERT_HEAD, l’ajax ne peut pas être opérationnel, puisque SPIP ne peut plus charger le script qui gère tout ça.
Idem pour pleins d’autres scripts chargés de base avec SPIP (colorbox, cookies, etc).
Indiquez l’intérêt que vous portez à cette réponse

0

andyb45

Septembre 2019

merci