要讓兩個(gè)效果聯(lián)動(dòng)顯示，可以使用Slick的slick-carousel插件。確保你已經(jīng)引入了slick-carousel和slick的相關(guān)依賴。然后，按照以下步驟操作：

1. 在HTML中添加兩個(gè)slick-slide元素，分別表示兩個(gè)效果。例如：

<div class="slick-slider">
  <div class="slick-slide"><img src="image1.jpg" alt="效果1"></div>
  <div class="slick-slide"><img src="image2.jpg" alt="效果2"></div>
</div>

1. 在CSS中為這兩個(gè)元素設(shè)置相同的樣式，例如：

.slick-slider {
  /* 其他樣式 */
}

.slick-slide {
  /* 其他樣式 */
}

1. 使用slick的initialize方法初始化slick-carousel插件，并傳入一個(gè)包含兩個(gè)元素的數(shù)組作為參數(shù)。例如：

$(document).ready(function() {
  $(".slick-slider").slick({
    slidesToShow: 2,
    adaptiveHeight: true,
    responsive: [{
      breakpoint: 768,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }]
  });
});

這樣，當(dāng)頁面加載時(shí)，slick-carousel插件會(huì)顯示兩個(gè)效果，并且當(dāng)屏幕寬度小于768像素時(shí)，只顯示一個(gè)效果。你可以根據(jù)需要調(diào)整slick的選項(xiàng)，以實(shí)現(xiàn)你想要的效果。