php - 为每个 img 元素添加事件类

Question

我正在使用 Twitter Bootstrap，我想在我的 for 中添加事件类循环，发现一些文章 <nav>元素，但我仍然无法让它工作。 这是我的代码:

<?php

    $tablename = "banners";
    $type= 'slider';

    $displayBanner = new Display($tablename);
    $BannerDataDisplay = $displayBanner->getAllDataByStatusType($type);
    //`id`, `bannerName`, `bannerURL`, `status`, `createdBy`, `CreatedDate`
    //var_dump($BannerDataDisplay);
    echo '
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
    ';

    for($i=0;$i<count($BannerDataDisplay);$i++){
        echo' <div class="item active">
        <img src="app/'.$BannerDataDisplay[$i]['bannerURL'].'" alt="Slide">
      </div>';
    }

    echo '
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    ';
?>

PS:如果你能解决这个问题，请使用这个变量:$BannerDataDisplay[$i]['bannerURL'] <- 这是我的图片的 url

Answer 1

好的，我解决了它，必须主要从 Wordpress 搜索一些相关文章:

for ($i=0; $i < count($BannerDataDisplay); $i++) {
if ($i==0) {
    echo ' <div class="item active">
        <img src="app/' . $BannerDataDisplay[$i]['bannerURL'] . '" alt="Slide">
      </div>';
} else {
    echo '<div class="item">
        <img src="app/' . $BannerDataDisplay[$i]['bannerURL'] . '" alt="Slide">
      </div>';
}