Browse Source

Ajout d'un nouveau mode pour le Carousel, en utilisant le plugin slick

Deux modifications sur les précédents blocs dans les légendes des formulaires
Incrémentation de version
master
Olivier Gautier 12 months ago
parent
commit
d8c855122a
  1. 8
      css/spipr_educ.less.html
  2. 2
      formulaires/spipr_educ_configure_menu_rubriques_3_colonnes.html
  3. 100
      formulaires/spipr_educ_configure_sommaire_carousel_slick.html
  4. 70
      formulaires/spipr_educ_configure_sommaire_carousel_slick.php
  5. 2
      formulaires/spipr_educ_configure_sommaire_derniers_articles_3_colonnes.html
  6. 9
      inc/spipr_educ_definitions_themes.php
  7. 88
      inc/spipr_educ_educnat_ajouter_menu_3_colonnes.php
  8. 3
      inc/spipr_educ_educnat_retirer_menu_3_colonnes.php
  9. 1
      lang/spipr_educ_fr.php
  10. 2
      paquet.xml
  11. 5
      prive/squelettes/contenu/spipr_educ_configure_bloc.html
  12. 125
      themes/educnat/noisettes/sommaire/sommaire_carousel_slick.html

8
css/spipr_educ.less.html

@ -1151,6 +1151,14 @@ ul#liste_dyslexie, ul#liste_interlignage, ul#liste_justification {
}
</BOUCLE_derniers_articles_3_colonnes>
[(#REM) Ajout des CSS du Carousel Slick de la page de sommaire]
<BOUCLE_sommaire_carousel_slick(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom = sommaire_carousel_slick} {type = bloc de base}>
[(#PARAMETRE8)]
[#content #sommaire_carousel_stick h2.h2, #aside #sommaire_carousel_stick h2.h2, #extra #sommaire_carousel_stick h2.h2 {color:(#PARAMETRE6);}]
[#content #sommaire_carousel_stick h2.h2::before, #aside #sommaire_carousel_stick h2.h2::before, #extra #sommaire_carousel_stick h2.h2::before {background-color:(#PARAMETRE6);}]
[#sommaire_carousel_stick .carousel_slick .sommaire_carousel_stick_container .carousel_slick_titre h3 a {color:(#PARAMETRE7);}]
</BOUCLE_sommaire_carousel_slick>
[(#REM) Règles CSS ou LESS spécifiques, toujours en dernier]
<BOUCLE_css_perso(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom = graphisme_css}>
#PARAMETRE1

2
formulaires/spipr_educ_configure_menu_rubriques_3_colonnes.html

@ -37,7 +37,7 @@
<h3 class="legend">CSS</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="menu3colonnesCSS">Règles CSS ou LESS spécifiques pour ce bloc (s'appliquent sur <em>#bloc_rubriques_3_colonnes</em>)</label>
<label for="menu3colonnesCSS">Règles CSS ou LESS spécifiques pour ce bloc</label>
<textarea name='menu3colonnesCSS' id='menu3colonnesCSS' class="text" rows="6">[(#ENV**{menu3colonnesCSS})]</textarea>
</li>
</ul>

100
formulaires/spipr_educ_configure_sommaire_carousel_slick.html

@ -0,0 +1,100 @@
#CACHE{0}
#SET{listeArticlesUne, #ENV{carouselOrdreArticles}|explode{','}}
<div class="formulaire_spip formulaire_configurer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}">
<h2 class='titre'><div style="text-align:center;">Paramètres graphiques du caroussel "Slick" de la page d'accueil
</div></h2>
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
<form method='post' action='#ENV{action}' name ='form#ENV{page}configuresommairecarouselslick'><div>
[(#REM) declarer les hidden qui declencheront le service du formulaire
parametre : url d'action ]
#ACTION_FORMULAIRE{#ENV{action}}
<ul class="editer-groupe">
<B_ordre_articles>
<li class="fieldset">
<fieldset>
<h3 class="legend">Ordre des articles à la Une</h3>
<BOUCLE_ordre_articles(ARTICLES){id_article IN #GET{listeArticlesUne}}>
<div class='cadre' style='display:block; border:1px solid #8F8FBD; margin:0 10px 10px 10px; height:24px; line-height:24px; vertical-align:middle; padding:8px;' onmouseover="this.style.background='#eee';" onmouseout="this.style.background='';">
<div style="width:68%; display:block; float:left; height:24px; line-height:24px; vertical-align:middle;">
<a href="#URL_ECRIRE{article,id_article=#ID_ARTICLE}" title="[Voir la page de l'article : (#TITRE|textebrut)]">[(#TITRE|textebrut|couper{80}) ]</a>
</div>
<div style="width:24%; display:block; float:right; text-align:right;">
<?php
// Si on a deux valeurs au moins, on affiche les flèches pour monter et descendre
if (#TOTAL_BOUCLE>1) {
//Si on est sur le premier élément et qu'il y a plus d'un élément , n'afficher que la flèche du bas
if ((#COMPTEUR_BOUCLE==1) AND (#TOTAL_BOUCLE>1)) { ?>
<input type="image" src="<?php echo _DIR_PLUGIN_SPIPR_EDUC."img/niveau_inferieur_bloc.png";?>" name="descendre_site_#ID_ARTICLE" alt="Descendre d'un niveau" title="Descendre d'un niveau" />
<?php }
// Si on est sur le dernier élément, n'afficher que la flèche du haut suivie d'un espace vide
elseif (#COMPTEUR_BOUCLE==#TOTAL_BOUCLE) { ?>
<input type="image" src="<?php echo _DIR_PLUGIN_SPIPR_EDUC."img/niveau_superieur_bloc.png";?>" name="monter_site_#ID_ARTICLE" alt="Remonter d'un niveau" title="Remonter d'un niveau" />
<img src="<?php echo _DIR_PLUGIN_SPIPR_EDUC."img/spipr_edu_vide.png";?>" />
<?php }
// Sinon, on affiche les deux flèches
else { ?>
<input type="image" src="<?php echo _DIR_PLUGIN_SPIPR_EDUC."img/niveau_superieur_bloc.png";?>" name="monter_site_#ID_ARTICLE" alt="Remonter d'un niveau" title="Remonter d'un niveau" />
<input type="image" src="<?php echo _DIR_PLUGIN_SPIPR_EDUC."img/niveau_inferieur_bloc.png";?>" name="descendre_site_#ID_ARTICLE" alt="Descendre d'un niveau" title="Descendre d'un niveau" />
<?php }
}
// On termine par la possibilité de supprimer une entrée
?>
<input type="image" src="<?php echo _DIR_PLUGIN_SPIPR_EDUC."img/suppression_bloc.png";?>" name="supprimer_site_#ID_ARTICLE" alt="Retirer cet article de la Une" title="Retirer cet article de la Une" />
</div>
</div>
</BOUCLE_ordre_articles>
</fieldset>
</li>
</B_ordre_articles>
<li class="fieldset">
<fieldset>
<h3 class="legend">Nombre d'articles placés en Une</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="carouselNombreActus">Choisissez entre 1 et 10 (5 par défaut)</label>
<input type='number' name='carouselNombreActus' id='carouselNombreActus' value="#ENV{carouselNombreActus,5}" class="number" min="1" max="10" style="width:3em;" />
</li>
</ul>
</fieldset>
</li>
<li class="fieldset">
<fieldset>
<h3 class="legend">Paramètres graphiques</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="carouselSlickH2title">Titre du caroussel</label>
<input type='text' name='carouselSlickH2title' id='carouselSlickH2title' value="#ENV{carouselSlickH2title}" class="text" />
</li>
<li class="editer facultatif">
<label for="carouselSlickH2color">Couleur du titre du bloc</label>
<input type='text' name='carouselSlickH2color' id='carouselSlickH2color' value="#ENV{carouselSlickH2color}" class="text palette" />
</li>
<li class="editer facultatif">
<label for="carouselSlickH3color">Couleur des titres des articles placés en Une</label>
<input type='text' name='carouselSlickH3color' id='carouselSlickH3color' value="#ENV{carouselSlickH3color}" class="text palette" />
</li>
</ul>
</fieldset>
</li>
<li class="fieldset">
<fieldset>
<h3 class="legend">CSS</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="carouselSlickCss">Règles CSS ou LESS spécifiques pour le caroussel Slick de la page de sommaire</label>
<textarea name='carouselSlickCss' id='carouselSlickCss' class="text" rows="6">[(#ENV**{carouselSlickCss})]</textarea>
</li>
</ul>
</fieldset>
</li>
</ul>
<input type='hidden' name='hidden_carousel' value='ok' />
<p class='boutons'><input type='submit' class='submit' value='Valider' /></p>
</div>
</form>
</div>

70
formulaires/spipr_educ_configure_sommaire_carousel_slick.php

@ -0,0 +1,70 @@
<?php
if (!defined('_ECRIRE_INC_VERSION')) return;
function formulaires_spipr_educ_configure_sommaire_carousel_slick_charger_dist() {
include_spip('inc/spipr_educ_definitions_themes');
$test_couleur=sql_select('parametre1','spip_spipr_educ',"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_couleur=sql_fetch($test_couleur);
$couleur=$tab_couleur['parametre1'];
$retour_couleur=spipr_educ_definition_couleurs_theme_educnat($couleur);
$code_couleur=$retour_couleur[0];
$tab_sql = sql_fetsel('*','spip_spipr_educ',"nom='sommaire_carousel_slick' AND type='bloc de base' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND parametre1='sommaire'");
$valeurs['carouselSlickH2title'] = ($tab_sql['parametre5'] ? $tab_sql['parametre5'] : 'À la Une');
$valeurs['carouselSlickH2color'] = ($tab_sql['parametre6'] ? $tab_sql['parametre6'] : $code_couleur);
$valeurs['carouselSlickH3color'] = ($tab_sql['parametre7'] ? $tab_sql['parametre7'] : '#333');
$valeurs['carouselSlickCss'] = ($tab_sql['parametre8'] ? $tab_sql['parametre8'] : '');
$OrdreArticles = sql_getfetsel('parametre3','spip_spipr_educ',"nom='options_articles' AND type='gestion bloc' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$valeurs['carouselOrdreArticles']= ($OrdreArticles ? $OrdreArticles : '');
$tab_sql2 = sql_fetsel('parametre5','spip_spipr_educ',"nom='graphisme_carousel_2' AND type='graphisme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$valeurs['carouselNombreActus'] = ($tab_sql2['parametre5'] ? $tab_sql2['parametre5'] : '5');
return $valeurs;
}
function formulaires_spipr_educ_configure_sommaire_carousel_slick_traiter_dist() {
if (_request('hidden_carousel') == 'ok') {
sql_updateq(
'spip_spipr_educ',
array(
'parametre5' => _request('carouselSlickH2title'),
'parametre6' => _request('carouselSlickH2color'),
'parametre7' => _request('carouselSlickH3color'),
'parametre8' => _request('carouselSlickCss'),
),
"nom='sommaire_carousel_slick' AND type='bloc de base' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND parametre1='sommaire'"
);
sql_updateq(
'spip_spipr_educ',
array(
'parametre5' => _request('carouselNombreActus'),
),
"nom='graphisme_carousel_2' AND type='graphisme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);
include_spip('inc/spipr_educ_traitements_listes');
$test_articles_une = sql_select('*','spip_spipr_educ',"nom='options_articles' AND type='gestion bloc' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_articles_une = sql_fetch($test_articles_une);
$chaine = $tab_articles_une['parametre3'];
$chaine_retour = $chaine;
$tab = explode(",",$chaine);
foreach ($tab as $id) {
if (is_numeric(_request('supprimer_site_'.$id.'_x'))) {
$chaine_retour=spipr_educ_liste_del($chaine,$id);
}
if (is_numeric(_request('monter_site_'.$id.'_x'))) {
$chaine_retour=spipr_educ_liste_up($chaine,$id);
}
if (is_numeric(_request('descendre_site_'.$id.'_x'))) {
$chaine_retour=spipr_educ_liste_down($chaine,$id);
}
}
sql_updateq('spip_spipr_educ',array('parametre3' => $chaine_retour),"nom='options_articles' AND type='gestion bloc' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
}
$res['message_ok'] = _T('config_info_enregistree');
return $res;
}

2
formulaires/spipr_educ_configure_sommaire_derniers_articles_3_colonnes.html

@ -63,7 +63,7 @@
<h3 class="legend">CSS</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="derniersarticles3colonnesCss">Règles CSS ou LESS spécifiques pour ce bloc (s'appliquent sur <em>#sommaire_derniers_articles_3_colonnes</em>)</label>
<label for="derniersarticles3colonnesCss">Règles CSS ou LESS spécifiques pour ce bloc</label>
<textarea name='derniersarticles3colonnesCss' id='derniersarticles3colonnesCss' class="text" rows="6">[(#ENV**{derniersarticles3colonnesCss})]</textarea>
</li>
</ul>

9
inc/spipr_educ_definitions_themes.php

@ -1307,6 +1307,15 @@ margin:10px 0 0 0;
),
"type='graphisme' AND nom='sommaire_derniers_articles_3_colonnes' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);
// Paramètres du bloc de Carousel du sommaire utilisant Slick
sql_updateq(
'spip_spipr_educ',
array(
'parametre6' => $couleur1,
'parametre7' => '#333',
),
"type='bloc de base' AND nom='sommaire_carousel_slick' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);
// Couleur des textes
sql_updateq(
'spip_spipr_educ',

88
inc/spipr_educ_educnat_ajouter_menu_3_colonnes.php

@ -282,4 +282,92 @@ text-decoration:none;
'parametre8'=>$p8,
'parametre9'=>$p9,
));
}
// Même travail avec le Carousel A la Une en version Slick
$test_sommaire_carousel_slick=sql_select('nom','spip_spipr_educ',"type='bloc de base' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND parametre1='sommaire' AND nom='sommaire_carousel_slick'");
$tab_sommaire_carousel_slick=sql_fetch($test_sommaire_carousel_slick);
if ($tab_sommaire_carousel_slick['nom']!='sommaire_carousel_slick') {
// Recherche de la couleur actuelle et l'ensemble des paramètres
include_spip('inc/spipr_educ_definitions_themes');
$test_couleur=sql_select('parametre1','spip_spipr_educ',"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_couleur=sql_fetch($test_couleur);
$couleur=$tab_couleur['parametre1'];
$retour_couleur=spipr_educ_definition_couleurs_theme_educnat($couleur);
$code_couleur=$retour_couleur[0];
$css="#sommaire_carousel_stick {
margin-bottom:50px;
.carousel_slick {
@media (min-width:768px) {padding:0 50px;}
.slick-prev, .slick-next {
text-shadow: 0 0 5px #555 !important;
height:30px !important;
width:30px !important;
@media (max-width:767px) {top:40% !important;}
}
.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon {
opacity: 0.9 !important;
}
.slick-next .slick-next-icon::before, .slick-next .slick-prev-icon::before, .slick-prev .slick-next-icon::before, .slick-prev .slick-prev-icon::before {
font-size: 30px !important;
}
.slick-autoplay-toggle-button:focus, .slick-dots li button:focus .slick-dot-icon:before, .slick-dots li.slick-active button:focus .slick-dot-icon, .slick-autoplay-toggle-button:focus {color: #228BD0 !important;}
.sommaire_carousel_stick_container {
@media (min-width:768px) {
display:block;
width:724px;
height:auto;
margin:0;
padding:0;
}
.carousel_slick_logo {
@media (min-width:768px) {
display:block;
width:644px;
height:322px;
margin:0 40px;
}
a {
width:100%;
img{
width:100%;
height:auto;
}
}
}
.carousel_slick_titre {
@media (min-width:768px) {margin:0 40px;}
h3 {
margin:10px 0;
a {
padding:0;
margin:0;
font-family:'Archive', Arial, Helvetica, sans-serif;
}
}
}
.carousel_slick_intro {
@media (min-width:768px) {margin:6px 40px 30px 40px;}
a {color:#333;}
}
}
}
}";
$p5='À la Une';
$p6=$code_couleur;
$p7='#333';
$p8=$css;
// Création de l'entrée noisette
sql_insertq('spip_spipr_educ',array(
'nom'=>'sommaire_carousel_slick',
'type'=>'bloc de base',
'nom_sauvegarde'=>'en_cours_d_utilisation_SPIPr',
'parametre1'=>'sommaire',
'parametre2'=>'off',
'parametre3'=>'1',
'parametre4'=>'cfg',
'parametre5'=>$p5,
'parametre6'=>$p6,
'parametre7'=>$p7,
'parametre8'=>$p8,
));
}

3
inc/spipr_educ_educnat_retirer_menu_3_colonnes.php

@ -1,4 +1,5 @@
<?php
// On n'est plus dans le bon thème, on retire la noisette qui ne correspond plus
sql_delete('spip_spipr_educ', "nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND nom='rubrique_menu_rubriques_3_colonnes'");
sql_delete('spip_spipr_educ', "nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND nom='sommaire_derniers_articles_3_colonnes'");
sql_delete('spip_spipr_educ', "nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND nom='sommaire_derniers_articles_3_colonnes'");
sql_delete('spip_spipr_educ', "nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND nom='sommaire_carousel_slick'");

1
lang/spipr_educ_fr.php

@ -169,6 +169,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'sommaire_spipr_dane_js'=>"Bouton de retour en haut, stop/pause du Caroussel",
'sommaire_acces_restreint'=>"Formulaire de connexion (plugin \"Accès Restreint\")",
'sommaire_derniers_articles_3_colonnes'=>"Derniers articles publiés présentés en 3 colonnes",
'sommaire_carousel_slick'=>"Carousel \"À la Une\" avec plugin Slick",
'article_menu_navigation'=>"Menu de navigation vertical des rubriques",
'article_recherche'=>"Formulaire de recherche",
'article_breadcrumb'=>"Fil d'ariane SPIPr-édu",

2
paquet.xml

@ -1,7 +1,7 @@
<paquet
prefix="spipr_educ"
categorie="squelette"
version="0.4.37"
version="0.4.38"
etat="stable"
compatibilite="[3.0.0;4.0.*]"
logo="img/spipr_dist-32.png"

5
prive/squelettes/contenu/spipr_educ_configure_bloc.html

@ -76,6 +76,11 @@
<div class="ajax">#FORMULAIRE_SPIPR_EDUC_CONFIGURE_SOMMAIRE_DERNIERS_ARTICLES_3_COLONNES</div>
<?php
break;
case 'sommaire_carousel_slick':
?>
<div class="ajax">#FORMULAIRE_SPIPR_EDUC_CONFIGURE_SOMMAIRE_CAROUSEL_SLICK</div>
<?php
break;
case 'sommaire_dyslexie':
case 'rubrique_dyslexie':
case 'article_dyslexie':

125
themes/educnat/noisettes/sommaire/sommaire_carousel_slick.html

@ -0,0 +1,125 @@
[(#REM) Un Carousel mais avec la bibliothèque slick]
<BOUCLE_liste_une(spipr_educ)
{nom=options_articles}
{nom_sauvegarde=en_cours_d_utilisation_SPIPr}
{type=gestion bloc}>
#SET{param3,#PARAMETRE3}
</BOUCLE_liste_une>
#SET{listeUne, #GET{param3}|explode{','}}
#SET{nb,5}
<BOUCLE_nb_sommaire_carousel(spipr_educ)
{nom=graphisme_carousel_2}
{nom_sauvegarde=en_cours_d_utilisation_SPIPr}
{type=graphisme}
{parametre5!=''}>
#SET{nb,#PARAMETRE5}
</BOUCLE_nb_sommaire_carousel>
#SET{titreCarousel,''}
<BOUCLE_titreCarousel(spipr_educ)
{nom=sommaire_carousel_slick}
{type=bloc de base}
{nom_sauvegarde=en_cours_d_utilisation_SPIPr}
{parametre5!=''}>
#SET{titreCarousel,#PARAMETRE5}
</BOUCLE_titreCarousel>
<B_articles_selection>
<div id="sommaire_carousel_stick">
[<h2 class="h2">(#GET{titreCarousel}|?{#GET{titreCarousel},<:spipr_educ:a_la_une:>})</h2>]
<div class="carousel_slick">
<BOUCLE_articles_selection(ARTICLES){id_article IN #GET{listeUne}}{lang}{0,#GET{nb}}>
<div>
<div class="sommaire_carousel_stick_container">
<div class="carousel_slick_logo">
<?php
$hauteur_logo='[(#LOGO_ARTICLE|hauteur)]';
$largeur_logo='[(#LOGO_ARTICLE|largeur)]';
if ($hauteur_logo AND $largeur_logo) {
// D'abord traiter le cas des logos trop petits
if (($hauteur_logo<322) OR ($largeur_logo<644)) {
$ratio=$largeur_logo/$hauteur_logo;
if ($ratio<=2) { ?>
[<a href="#URL_ARTICLE">(#LOGO_ARTICLE|image_recadre{#LOGO_ARTICLE|largeur|div{2}|mult{2},#LOGO_ARTICLE|largeur|div{2},center})</a>]
<?php }
else { ?>
[<a href="#URL_ARTICLE">(#LOGO_ARTICLE|image_recadre{#LOGO_ARTICLE|hauteur|mult{2},#LOGO_ARTICLE|hauteur|mult{1},center})</a>]
<?php } ?>
<?php }
else {
if ($largeur_logo/$hauteur_logo>=2) { ?>
[<a href="#URL_ARTICLE">(#LOGO_ARTICLE|image_reduire{0,322}|image_recadre{644,322,center})</a>]
<?php }
else { ?>
[<a href="#URL_ARTICLE">(#LOGO_ARTICLE|image_reduire{644,0}|image_recadre{644,322,center})</a>]
<?php }
}
}
?>
</div>
<div class="carousel_slick_titre">
<h3 class="h3"><a href="#URL_ARTICLE">#TITRE</a></h3>
</div>
[<div class="carousel_slick_intro">
<a href="#URL_ARTICLE">(#INTRODUCTION{200})</a>
</div>]
</div>
</div>
</BOUCLE_articles_selection>
</div>
<div class="clearfix"></div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.carousel_slick').slick({
dots: true,
accessibility: true,
infinite: true,
speed: 600,
slidesToShow: 1,
centerMode: true,
variableWidth: true,
autoplay: true,
autoplaySpeed: 4000,
responsive: [
{
breakpoint: 767,
settings: {
autoplaySpeed: 3000,
}
}
]
});
// Poser les bonnes dimensions pour un bon positionnement sur petits écrans
if ($(window).width()<768) {
var wD = $(window).width() - 40;
var hD = Math.floor(wD/2);
$('.carousel_slick_logo').css('width', wD + 'px');
$('.carousel_slick_logo').css('height',hD + 'px');
$('.carousel_slick_titre').css('width', wD + 'px');
$('.carousel_slick_intro').css('width', wD + 'px');
}
});
$(function() {
// Redimensionner à la volée pour un bon positionnement sur petits écrans
$(window).resize(function() {
if ($(window).width()<768) {
var wD = $(window).width() - 40;
var hD = Math.floor(wD/2);
$('.carousel_slick_logo').css('width', wD + 'px');
$('.carousel_slick_logo').css('height',hD + 'px');
$('.carousel_slick_titre').css('width', wD + 'px');
$('.carousel_slick_intro').css('width', wD + 'px');
}
else {
$('.carousel_slick_logo').css('width','644px');
$('.carousel_slick_logo').css('height','322px');
$('.carousel_slick_titre').css('width','644px');
$('.carousel_slick_intro').css('width','644px');
}
});
});
</script>
</B_articles_selection>
Loading…
Cancel
Save