Bonjour à toutes et tous !
Je développe actuellement un nouveau site web sous spip en adaptant les squelettes d’un autres sites pour garder globalement les mêmes fonctions et mises en pages (mais changer un peu le contenu).
Le site initial était sous spip 3.2.8 avec un plugin 'image_responsive" v 7.8.4
Le nouveau site est sous spip 4.1.5 avec un plugin 'image_responsive" v 9.7.3
Je rencontre un problème pour les logos, qui ne s’affichent plus malgré une programmation html similaire (adaptée aux nouveaux contenus bien sur)
Les balises type (#LOGO_ARTICLE|background_responsive{250/400/600}) ou [(#LOGO_ARTICLE_NORMAL|image_responsive{200/300/400}|inserer_attribut ne semblent pas répondre.
J’utilise par exemple cette balise dans un carousel :
<div data-ride="carousel" class="carousel slide hidden-xs colle" id="myCarousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#myCarousel"></li>
<li data-slide-to="1" data-target="#myCarousel" class=""></li>
<li data-slide-to="2" data-target="#myCarousel" class=""></li>
</ol>
<div role="listbox" class="carousel-inner">
<B_carouselle-un> <BOUCLE_carouselle-un(ARTICLES) {id_mot=4} {!par date} {0,1} >
<div class="item active caroussel"> [<a href="#URL_ARTICLE"> <div (#LOGO_ARTICLE|background_responsive{800/1000/1600}) class="first-slide image"></div></a>]
<div class="container">
<a href="#URL_ARTICLE"> <div class="carousel-caption"> [
<h2 class="titreArt">(#TITRE)</h2>
]
[
<p>(#INTRODUCTION|couper{280})</p>
]
</div></a>
</div>
</div>
</BOUCLE_carouselle-un>
</B_carouselle-un>
<B_carouselle-de> <BOUCLE_carouselle-de(ARTICLES) {id_mot=4} {!par date} {1,1} >
<div class="item caroussel"> [<a href="#URL_ARTICLE"><div (#LOGO_ARTICLE|background_responsive{800/1000/1600}) class="second-slide image"></div></a>]
<div class="container">
<a href="#URL_ARTICLE"> <div class="carousel-caption"> [
<h2 class="titreArt">(#TITRE)</h2>
]
[
<p>(#INTRODUCTION|couper{280})</p>
]
</div></a>
</div>
</div>
</BOUCLE_carouselle-de>
</B_carouselle-de>
<B_carouselle-tr> <BOUCLE_carouselle-tr(ARTICLES) {id_mot=4} {!par date} {2,1} >
<div class="item caroussel"> [<a href="#URL_ARTICLE"><div (#LOGO_ARTICLE|background_responsive{800/1000/1600}) class="third-slide image"></div></a>]
<div class="container">
<a href="#URL_ARTICLE"> <div class="carousel-caption"> [
<h2 class="titreArt">(#TITRE)</h2>
]
[
<p>(#INTRODUCTION|couper{280})</p>
]
</div></a>
</div>
</div>
</BOUCLE_carouselle-tr>
</B_carouselle-tr>
</div>
<a data-slide="prev" role="button" href="#myCarousel" class="left carousel-control"> <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"><i class="fa fa-chevron-left fa-lg" aria-hidden="true"></i>
</span> <span class="sr-only">Previous</span> </a> <a data-slide="next" role="button" href="#myCarousel" class="right carousel-control"> <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"><i class="fa fa-chevron-right fa-lg" aria-hidden="true"></i></span> <span class="sr-only">Next</span> </a>
</div>
Voici la programmation du site initial, qui, elle, fonctionne toujours :
<div data-ride="carousel" class="carousel slide hidden-xs colle" id="myCarousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#myCarousel"></li>
<li data-slide-to="1" data-target="#myCarousel" class=""></li>
<li data-slide-to="2" data-target="#myCarousel" class=""></li>
</ol>
<div role="listbox" class="carousel-inner">
<B_carouselle-un> <BOUCLE_carouselle-un(ARTICLES) {id_mot=1} {!par date} {0,1} >
<div class="item active caroussel"> [<a href="#URL_ARTICLE"> <div (#LOGO_ARTICLE|background_responsive{800/1000/1600}) class="first-slide image"></div></a>]
<div class="container">
<a href="#URL_ARTICLE"> <div class="carousel-caption"> [
<h2 class="titreArt">(#TITRE)</h2>
]
[
<p>(#INTRODUCTION|couper{280})</p>
]
</div></a>
</div>
</div>
</BOUCLE_carouselle-un>
</B_carouselle-un>
<B_carouselle-de> <BOUCLE_carouselle-de(ARTICLES) {id_mot=1} {!par date} {1,1} >
<div class="item caroussel"> [<a href="#URL_ARTICLE"><div (#LOGO_ARTICLE|background_responsive{800/1000/1600}) class="second-slide image"></div></a>]
<div class="container">
<a href="#URL_ARTICLE"> <div class="carousel-caption"> [
<h2 class="titreArt">(#TITRE)</h2>
]
[
<p>(#INTRODUCTION|couper{280})</p>
]
</div></a>
</div>
</div>
</BOUCLE_carouselle-de>
</B_carouselle-de>
<B_carouselle-tr> <BOUCLE_carouselle-tr(ARTICLES) {id_mot=1} {!par date} {2,1} >
<div class="item caroussel"> [<a href="#URL_ARTICLE"><div (#LOGO_ARTICLE|background_responsive{800/1000/1600}) class="third-slide image"></div></a>]
<div class="container">
<a href="#URL_ARTICLE"> <div class="carousel-caption"> [
<h2 class="titreArt">(#TITRE)</h2>
]
[
<p>(#INTRODUCTION|couper{280})</p>
]
</div></a>
</div>
</div>
</BOUCLE_carouselle-tr>
</B_carouselle-tr>
</div>
<a data-slide="prev" role="button" href="#myCarousel" class="left carousel-control"> <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"><i class="fa fa-chevron-left fa-lg" aria-hidden="true"></i>
Previous Next
Auriez vous une idée de l’origine du pb et des moyens de le régler ?
Je précise que je débute en terme de programmation, soyez indulgents et indulgentes svp !