
K11 Night: Stars on the Golden Carpet
One of the most prestigious fashion and cultural events on Hong Kong’s social calendar, K11 Night returned for the second year to Victoria Dockside on December 3. See the stars who shone on the golden carpet as they make their way to celebrate “Asia’s Met Gala”

Jennifer Yu and Adrian Cheng
Hailed as “Asia’s Met Gala”, the exclusive invitation-only event was chaired by renowned entrepreneur Adrian Cheng, with this year’s collaborating partners: Tim Reeve, deputy director and COO of London’s Victoria and Albert Museum (the V&A), and previous Oscar-nominee Hong Kong production designer, film editor and #legend digital cover William Chang Suk Ping, as co-Chairs.
The star-studded evening was a grand celebration of the sartorial art and marked the opening of “The Love of Couture: Artisanship in Fashion Beyond Time”, the sophomore edition of K11 Musea’s annual couture exhibition.
Scroll through our slideshows to see some of Hong Kong’s biggest stars, event organisers and high society personalities.
START SLIDESHOW
.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;
} .image-slider-container { position: relative; }
.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }
.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }
.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }
.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }
.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }
.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }
.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }
.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;
} .arrow-container.prev { left: -60px; transition: all 0.25s ease;
} .image-slider-container .arrow-container { width: 55px; height: 55px; }
.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }
@media only screen and (max-width: 640px){
.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;
max-height: 75vh!important; }
.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }
}
(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_60862badb83b0 .image-slider'); var navSlider = $('#lightbox-block_60862badb83b0 .nav-slider') ; var msgRead = 0;
// Image Slider
$('#lightbox-block_60862badb83b0').find('.image-slider:not(.slick-initialized)').slick({ fade: true, // arrows: , arrows: false, prevArrow: '
responsive: [
{
breakpoint: 640,
settings: {
draggable: true,
dots: false,
arrows: true,
}
}
]
});
// Nav Slider
// $('#').find('.nav-slider:not(.slick-initialized)').slick({
// arrows: true,
// dots: false,
// infinite: true,
// speed: 500,
// prevArrow: '
// Lightbox
$('#lightbox-block_60862badb83b0').find('.image-slider.slick-initialized').slickLightbox({
itemSelector: '.slick-slide a',
lazy: true,
slick: {
fade: true,
speed: 300,
asNavFor: imageSlider,
prevArrow: '
// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })
function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');
} }
// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_60862badb83b0 .image-slider .slick-active').data('pos'); return galcurrent; }
// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }
function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }
// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_60862badb83b0 .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }
}); })(jQuery);
Check out these Hong Kong influencers and KOLs that made their way to one of Hong Kong’s hottest events.
START SLIDESHOW
.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;
} .image-slider-container { position: relative; }
.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }
.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }
.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }
.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }
.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }
.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }
.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }
.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;
} .arrow-container.prev { left: -60px; transition: all 0.25s ease;
} .image-slider-container .arrow-container { width: 55px; height: 55px; }
.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }
@media only screen and (max-width: 640px){
.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;
max-height: 75vh!important; }
.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }
}
(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_638ef477abc17 .image-slider'); var navSlider = $('#lightbox-block_638ef477abc17 .nav-slider') ; var msgRead = 0;
// Image Slider
$('#lightbox-block_638ef477abc17').find('.image-slider:not(.slick-initialized)').slick({
fade: true,
// arrows: ,
arrows: false,
prevArrow: '
responsive: [
{
breakpoint: 640,
settings: {
draggable: true,
dots: false,
arrows: true,
}
}
]
});
// Nav Slider
// $('#').find('.nav-slider:not(.slick-initialized)').slick({
// arrows: true,
// dots: false,
// infinite: true,
// speed: 500,
// prevArrow: '
// Lightbox
$('#lightbox-block_638ef477abc17').find('.image-slider.slick-initialized').slickLightbox({
itemSelector: '.slick-slide a',
lazy: true,
slick: {
fade: true,
speed: 300,
asNavFor: imageSlider,
prevArrow: '
// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })
function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');
} }
// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_638ef477abc17 .image-slider .slick-active').data('pos'); return galcurrent; }
// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }
function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }
// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_638ef477abc17 .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }
}); })(jQuery);
Renowned designers also made their struts on the golden carpet.
START SLIDESHOW
.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;
} .image-slider-container { position: relative; }
.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }
.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }
.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }
.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }
.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }
.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }
.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }
.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;
} .arrow-container.prev { left: -60px; transition: all 0.25s ease;
} .image-slider-container .arrow-container { width: 55px; height: 55px; }
.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }
@media only screen and (max-width: 640px){
.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;
max-height: 75vh!important; }
.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }
}
(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_638eee67abc16 .image-slider'); var navSlider = $('#lightbox-block_638eee67abc16 .nav-slider') ; var msgRead = 0;
// Image Slider
$('#lightbox-block_638eee67abc16').find('.image-slider:not(.slick-initialized)').slick({
fade: true,
// arrows: ,
arrows: false,
prevArrow: '
responsive: [
{
breakpoint: 640,
settings: {
draggable: true,
dots: false,
arrows: true,
}
}
]
});
// Nav Slider
// $('#').find('.nav-slider:not(.slick-initialized)').slick({
// arrows: true,
// dots: false,
// infinite: true,
// speed: 500,
// prevArrow: '
// Lightbox
$('#lightbox-block_638eee67abc16').find('.image-slider.slick-initialized').slickLightbox({
itemSelector: '.slick-slide a',
lazy: true,
slick: {
fade: true,
speed: 300,
asNavFor: imageSlider,
prevArrow: '
// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })
function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');
} }
// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_638eee67abc16 .image-slider .slick-active').data('pos'); return galcurrent; }
// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }
function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }
// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_638eee67abc16 .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }
}); })(jQuery);
Also see: Cover Story: aespa x Chopard
More Stories

Inside Hong Kong Cancer Fund’s annual fundraising gala

Bad Bunny turns the 2026 Super Bowl LX halftime show into a cultural coronation

The 10 best Super Bowl commercials of 2026

