不同的项目活动的引导旋转木马在每个页面上 - Different Item Active for Bootstrap Carousel on each page

Different Item Active for Bootstrap Carousel on each page

本文关键字：项目活动旋转木马 | 更新日期: 2023-09-26

我使用wordpress与bootstrap从twitter。我想为carousel的每个页面使用不同的活动项。

例如:当页面is_page('Kontakt')时，carousel中活动的项目不应该是第一张图片，而应该是第二张。

代码:

 <div class="item active">
  <img src="http://testserver.webdesign-solution.net/sonnenhof-hotel/wp-content/uploads/2015/05/header-bild.png" alt="Chania">
</div>
<div class="item">
  <img src="http://testserver.webdesign-solution.net/sonnenhof-hotel/wp-content/uploads/2015/05/header-bild2.png" alt="Flower">
</div>

我怎么解决这个问题?

为什么不使用is_page() wordpress函数?

<div class="item <?php if ( is_page('Kontakt') ) { echo "active"; } ?>">
  <img src="http://testserver.webdesign-solution.net/sonnenhof-hotel/wp-content/uploads/2015/05/header-bild.png" alt="Chania">
</div>
<div class="item <?php if ( is_page('xxxxxxx') ) { echo "active"; } ?>">
  <img src="http://testserver.webdesign-solution.net/sonnenhof-hotel/wp-content/uploads/2015/05/header-bild2.png" alt="Flower">
</div>