查看“︁轮播图”︁的源代码

<includeonly><div class="carousel-container" style="width: 100%; height: 350px; position: relative; overflow: hidden; background: #f0f0f0;">
  <div class="carousel-wrapper" style="display: flex; height: 100%; transition: transform 0.5s ease;">
    {{#if:{{{图1|}}}|
    <div class="carousel-slide" style="min-width: 100%; height: 100%; position: relative;">
      [[File:{{{图1}}}|center|link=]]
      {{#if:{{{图1标题|}}}|<div class="carousel-caption">{{{图1标题}}}</div>}}
    </div>
    }}
    {{#if:{{{图2|}}}|
    <div class="carousel-slide" style="min-width: 100%; height: 100%; position: relative;">
      [[File:{{{图2}}}|center|link=]]
      {{#if:{{{图2标题|}}}|<div class="carousel-caption">{{{图2标题}}}</div>}}
    </div>
    }}
    {{#if:{{{图3|}}}|
    <div class="carousel-slide" style="min-width: 100%; height: 100%; position: relative;">
      [[File:{{{图3}}}|center|link=]]
      {{#if:{{{图3标题|}}}|<div class="carousel-caption">{{{图3标题}}}</div>}}
    </div>
    }}
    {{#if:{{{图4|}}}|
    <div class="carousel-slide" style="min-width: 100%; height: 100%; position: relative;">
      [[File:{{{图4}}}|center|link=]]
      {{#if:{{{图4标题|}}}|<div class="carousel-caption">{{{图4标题}}}</div>}}
    </div>
    }}
  </div>
  
  <!-- 左右切换按钮 -->
  <button class="carousel-btn carousel-prev" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: white; border: none; padding: 10px 15px; cursor: pointer; font-size: 18px; border-radius: 3px;">‹</button>
  <button class="carousel-btn carousel-next" style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: white; border: none; padding: 10px 15px; cursor: pointer; font-size: 18px; border-radius: 3px;">›</button>
  
  <!-- 指示器 -->
  <div class="carousel-indicators" style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px;">
    {{#if:{{{图1|}}}|<span class="indicator active" data-slide="0" style="width: 12px; height: 12px; border-radius: 50%; background: white; cursor: pointer; opacity: 0.7;"></span>}}
    {{#if:{{{图2|}}}|<span class="indicator" data-slide="1" style="width: 12px; height: 12px; border-radius: 50%; background: white; cursor: pointer; opacity: 0.5;"></span>}}
    {{#if:{{{图3|}}}|<span class="indicator" data-slide="2" style="width: 12px; height: 12px; border-radius: 50%; background: white; cursor: pointer; opacity: 0.5;"></span>}}
    {{#if:{{{图4|}}}|<span class="indicator" data-slide="3" style="width: 12px; height: 12px; border-radius: 50%; background: white; cursor: pointer; opacity: 0.5;"></span>}}
  </div>
</div></includeonly><noinclude>
{{面包屑|模板}}
[[分类:模板]]
</noinclude>