待望! ハルミ・クロソフスカ・ド・ローラのジュエリー。 – フィガロジャポン

Home » ブランド » ショパール » 待望! ハルミ・クロソフスカ・ド・ローラのジュエリー。 – フィガロジャポン
ショパール コメントはまだありません




ニュース

‘);
for(var i in json) {var data = json[i];
carouselElm.find(‘div.’ + crtype).append(‘

‘ + data.caption + ‘

‘);
carouselElm.find(‘div.’ + imgtype).append(‘

‘);
}
doCarousel( carouselElm );
}
}});
});
function doCarousel( carouselElm ) {
//slick
//MVの挙動
var $slideMv = carouselElm.find(‘.slideMv’);
var $txtBox = carouselElm.find(‘.txtBox’);
var $spacialSlide = carouselElm.find(‘.spacialSlide’);
var $carousel01 = carouselElm.find(‘.carousel01 .mainImg’);
var $slideMv02 = carouselElm.find(‘.slideMv02’);
var $txtBox02 = carouselElm.find(‘.txtBox02’);
var $carouselImg02 = carouselElm.find(‘.carouselImg02’);
var $pageCarousel01Main = carouselElm.find(‘.pageCarousel01Main’);
var $pageCarousel01Thumb = carouselElm.find(‘.pageCarousel01Thumb’);
var $pageCarousel02Main = carouselElm.find(‘.pageCarousel02Main’);
var $pageCarousel02Thumb = carouselElm.find(‘.pageCarousel02Thumb’);
var $pageCarousel012Main = carouselElm.find(‘.pageCarousel01-2Main’);
var $pageCarousel012Thumb = carouselElm.find(‘.pageCarousel01-2Thumb’);
var pageCarousel02Len = carouselElm.find(‘.pageCarousel02Main’).children().length;
var slidePos = $pageCarousel01Main.data(‘slide-pos’);
//var $slickCheckers = carouselElm.find(‘.slideMv, .spacialSlide, .slideMv02, .carousel01, .carousel02, .pageCarousel01Main, .pageCarousel02Main, .pageCarousel01-2Main’);
var $slickCheckers = carouselElm.find(‘.pageCarousel01Main, .pageCarousel02Main, .pageCarousel01-2Main’); //トップ、カテゴリトップ、2特、ピックアップトレンド、BrandSpecialは、計測しない。
$slickCheckers.on(‘afterChange’,function(event, slick, currentSlide, nextSlide){var num=currentSlide+1;dataLayer.push({‘event’:’gtmSlicked’,’gtmEventPageNum’:num});});
$slideMv.slick({
// appendArrows: $(‘#arrow’),
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: true,
asNavFor: $txtBox,
initialSlide: slidePos,
autoplay: true,
autoplaySpeed: 4000,
responsive: [
{
breakpoint: 768,
settings: {
dots: true
}
}
]
});
if($(window).width() > 768){
carouselElm.find(‘.slideMv .slick-prev’).on(‘mouseenter’,function(){
carouselElm.find(‘.slick-slide .prevNum’).addClass(‘hover’);
});
carouselElm.find(‘.slideMv .slick-prev’).on(‘mouseleave’,function(){
carouselElm.find(‘.slick-slide .prevNum’).removeClass(‘hover’);
});
carouselElm.find(‘.slideMv .slick-next’).on(‘mouseenter’,function(){
carouselElm.find(‘.slick-slide .nextNum’).addClass(‘hover’);
});
carouselElm.find(‘.slideMv .slick-next’).on(‘mouseleave’,function(){
carouselElm.find(‘.slick-slide .nextNum’).removeClass(‘hover’);
});
}
$txtBox.slick({
slidesToShow: 3,
slidesToScroll: 3,
asNavFor: $slideMv,
dots: false,
centerMode: true,
focusOnSelect: true,
initialSlide: slidePos,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true
}
}
]
});
$spacialSlide.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
fade: true
});
$carousel01.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
fade: true
});
$slideMv02.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
autoplay: true,
autoplaySpeed: 4000,
asNavFor: $txtBox02
});
$txtBox02.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: false,
asNavFor: $slideMv02,
responsive: [
{
breakpoint: 768,
settings: {
dots: true
}
}
]
});
$carouselImg02.slick({
slidesToShow: 4,
slidesToScroll: 4,
arrows: true,
fade: false,
responsive: [
{
breakpoint: 768,
settings: {
arrows: true,
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
$pageCarousel01Main.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: false,
asNavFor: $pageCarousel01Thumb,
initialSlide: slidePos,
responsive: [
{
breakpoint: 768,
settings: {
arrows: true,
}
}
]
});
$pageCarousel01Thumb.slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: $pageCarousel01Main,
dots: false,
centerMode: false,
focusOnSelect: true,
arrows: false,
swipe: false,
initialSlide: slidePos,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
swipe: true,
}
}
]
});
$pageCarousel012Main.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: false,
asNavFor: $pageCarousel012Thumb,
responsive: [
{
breakpoint: 768,
settings: {
arrows: true,
}
}
]
});
$pageCarousel012Thumb.slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: $pageCarousel012Main,
dots: false,
centerMode: false,
focusOnSelect: true,
arrows: false,
swipe: false,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
swipe: true,
}
}
]
});
var carousel02 = $pageCarousel02Main.slick({
slidesToShow: 1,
arrows: true,
fade: false,
responsive: [
{
breakpoint: 768,
settings: {
arrows: true,
}
}
]
});
if(carouselElm.find(‘.pageCarousel02Current’).length){
var positionY = carouselElm.find(‘.pageCarousel02’).offset().top – 100;
if(pageCarousel02Len > 7){
carouselElm.find(‘.pageCarousel02 .btn01’).on(‘click’, function(){
carouselElm.find(‘.pageCarousel02 .archiveList01’).addClass(‘is-active’);
carouselElm.find(‘.pageCarousel02 .btn01’).remove();
});
}
//current
carouselElm.find(‘.pageCarousel02Current .total’).text(pageCarousel02Len);
//thumbクリック処理
$pageCarousel02Thumb.find(‘li’).on(‘click’, function(){
var index = $(this).index();
carousel02.slick(‘slickGoTo’, index);
$(‘body, html’).animate({ scrollTop: positionY }, 300);
});
}
$pageCarousel02Main.on(‘afterChange’, function(){
var currentSlide = $pageCarousel02Main.slick(‘slickCurrentSlide’) + 1;
carouselElm.find(‘.pageCarousel02Current .current’).text(currentSlide);
console.log(currentSlide);
});
}
// –>






réalisation:MARIKO OMURA












コメントを残す