home page slider css et module central
This commit is contained in:
@@ -15,6 +15,20 @@ $(function(){
|
||||
centerPadding: '60px',
|
||||
infinite: false,
|
||||
});
|
||||
// console.log($('#centre_de_ressources-block_2 .item-list ul'));
|
||||
$('#centre_de_ressources-block_2 .item-list ul').slick({
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
centerMode: true,
|
||||
centerPadding: '60px',
|
||||
infinite: false,
|
||||
});
|
||||
|
||||
|
||||
if($('.path-centre-de-ressources').length > 0){
|
||||
$("header > div").slick();
|
||||
}
|
||||
|
||||
|
||||
$('.close-block').click(function(){
|
||||
$(this).parent().fadeOut();
|
||||
@@ -22,11 +36,100 @@ $(function(){
|
||||
$('.open-block').click(function(){
|
||||
$(this).prev().css("display","grid");
|
||||
});
|
||||
|
||||
|
||||
$('.views-element-container header').click(function(){
|
||||
$(this).parent().find(".views-row").fadeToggle();
|
||||
let row = $('.views-element-container').find(".views-row");
|
||||
let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
|
||||
if($('.path-frontpage').length > 0){
|
||||
$(row).each(element => {
|
||||
|
||||
if($(row[element]).is(":visible") && id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
|
||||
$(row[element]).fadeOut();
|
||||
}
|
||||
});
|
||||
$('.views-element-container').find("header").removeClass('active');
|
||||
$('.views-element-container').find("header .arrow").remove();
|
||||
$(this).append('<span class="arrow"><br>▼</span>');
|
||||
$(this).toggleClass('active');
|
||||
|
||||
$(".home_info_container").fadeOut();
|
||||
if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
|
||||
$("#home_prog_container").fadeIn();
|
||||
}
|
||||
if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
|
||||
$("#home_theme_container").find(".views-row").css("opacity","0");
|
||||
$("#home_theme_container").fadeIn(function(){
|
||||
$("#home_theme_container").slick('refresh');
|
||||
$("#home_theme_container").find(".views-row").css("opacity","1");
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
// if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
|
||||
// $("#home_map_container").empty().append(inner_rows).fadeIn();
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
if($('.page-node-type-programme').length > 0){
|
||||
$(this).parent().find(".views-row").fadeToggle();
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
|
||||
// HOME PAGE
|
||||
if($(".path-frontpage").length > 0){
|
||||
let elem = "<div class='main_logo'></div>"
|
||||
console.log(elem);
|
||||
$(".about .views-row").prepend(elem);
|
||||
|
||||
//reconstruction header
|
||||
var header = $('.views-element-container').find("header");
|
||||
$(header).each(element => {
|
||||
let words = $(header[element]).text().trim().split(" ");
|
||||
let newcontent = words.join('<br>');
|
||||
console.log(words, newcontent);
|
||||
$(header[element]).empty();
|
||||
$(header[element]).append(newcontent);
|
||||
|
||||
});
|
||||
$('#programmes-block_4').after('<div id="home_map_container" class="home_info_container"></div><div id="home_theme_container" class="home_info_container"></div><div id="home_prog_container" class="home_info_container"></div>');
|
||||
//populate info container
|
||||
let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
|
||||
$("#home_theme_container").empty().append(inner_rows);
|
||||
$("#home_theme_container").slick({
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 4,
|
||||
centerMode: true,
|
||||
centerPadding: '60px',
|
||||
infinite: false,
|
||||
});
|
||||
inner_rows = $('#programmes-block_4').find(".views-row").clone();
|
||||
$("#home_prog_container").empty().append(inner_rows);
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
$(document).on('DOMNodeInserted', function(e) {
|
||||
// console.log(e.target);
|
||||
if ( $(e.target).attr("id") == "home_theme_container" ) {
|
||||
//console.log(e.target);
|
||||
// $(e.target).slick({
|
||||
// slidesToShow: 1,
|
||||
// slidesToScroll: 1,
|
||||
// centerMode: true,
|
||||
// centerPadding: '60px',
|
||||
// infinite: false,
|
||||
// });
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user