使用fullpage.js居中显示正文图像

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">

<div id="fullpage">
  <div class="section">
    <h1>第一屏</h1>
    <img src="image1.jpg" alt="图像1">
  </div>
  <div class="section">
    <h1>第二屏</h1>
    <img src="image2.jpg" alt="图像2">
  </div>
</div>

$(document).ready(function() {
  $('#fullpage').fullpage({
    verticalCentered: true, // 居中显示内容
    anchors: ['section1', 'section2'], // 设置锚点链接
    menu: '#menu', // 导航菜单
  });
});