在页面上为每个mySQL条目添加一个唯一的样式类?

时间:2017-04-01 01:44:22

标签: php css mysql

我有一个php函数来检索包含新闻亮点的表中的三个最新条目。这是我的功能:

function getHighlights(){
    return $this->query("
    SELECT *
    FROM `highlights`
    ORDER BY `inserted` DESC
    LIMIT 3
    ");

}

然后通过foreach循环将这些亮点放在我的主页上。这是我的代码:

<?php foreach($highlights as $a){ ?>
     <div class="col-md-6 highlight">
                <div class="highlightItem">
                    <img class="highlight-backdrop" src="<?=$a->backdrop;?>">
                    <p class="highlight-title"><?=$a->title;?></p>
                </div>
     </div>
<?php } ?>

我希望我的主页始终采用以下格式: News Highlight Format。但是,现在它采用这种格式的唯一原因是因为图像具有适合在一起的预定义尺寸。

我希望能够引用最新的新闻突出显示并将该图像设置为始终显示为300 x 210.我还想引用接下来的两个突出显示并将它们设置为始终显示为300 x 100。

对此最好的行动方式是什么?

1 个答案:

答案 0 :(得分:0)

<?php foreach($highlights as $index => $a){ ?>
     if($index == 0){
         <div class="col-md-6 highlight">
                <div class="highlightItem">
                    <img width="300" height="210" class="highlight-backdrop" src="<?=$a->backdrop;?>">
                    <p class="highlight-title"><?=$a->title;?></p>
                </div>
     </div>
     }else{
       <div class="col-md-6 highlight">
                <div class="highlightItem">
                    <img width="300" height="100" class="highlight-backdrop" src="<?=$a->backdrop;?>">
                    <p class="highlight-title"><?=$a->title;?></p>
                </div>
     </div>

     }

<?php } ?>

尝试使用该代码