How I add a CSS class to first element of an array in PHP?

Question

I am trying to select some images from mysql and need to store result in an array.

This is my WHILE loop so far:

// Fetch all the records:
while ($stmt->fetch()) {
        $result  = "<div class='item'>\n";
        $result .= "    <div class='gallery_image'>\n";
        $result .= "        <a class='thumbnail lightbox' title='{$db_restaurant_name}' rel='gal' target='_blank' href='{$image_path}{$image}'>\n";
        $result .= "            <div class='img-holder' style='background-image:url({$image_path}{$image})'></div>\n";
        $result .= "        </a>\n";
        $result .= "    </div>\n";
        $result .= "</div>\n";  
        $gallery[] = $result;   
    }  
}

My question is, I want to add a CSS class named active to first element of this $gallery array. This class need to be add to this line <div class='item'>\n"; Like this class="item active"

UPDATE:

$count = 0; 
// Fetch all the records:
while ($stmt->fetch()) {
    if($image_type == 0) {
        $class = '';
        if($count === 0) {
            $class = ' active';
        }

        $result  = "<div class='item {$class}'>\n";
        $result .= "    <div class='gallery_image'>\n";
        $result .= "        <a class='thumbnail lightbox' title='{$db_restaurant_name}' rel='gal' target='_blank' href='{$image_path}{$image}'>\n";
        $result .= "            <div class='img-holder' style='background-image:url({$image_path}{$image})'></div>\n";
        $result .= "        </a>\n";
        $result .= "    </div>\n";
        $result .= "</div>\n";  
        $gallery[] = $result;   

    }
    $count++;       
}

Can anybody tell me how I do this?

Thank you.

@Jessica, In my case, I can not use CSS. Thats why I am looking for solution in PHP — user3733831
– user3733831, Commented Jul 22, 2015 at 15:18
Ugly way is to keep the count of loop. Since, it's an ugly way, I won't even try to right the answer. Are you getting the index or some value from database which says that gallery row is active? — Jigar
– Jigar, Commented Jul 22, 2015 at 15:22

t.h3ads · Accepted Answer · 2015-07-22 15:18:26Z

2

You can add a counter variable:

$count = 0;
while ($stmt->fetch()) {
    $class = '';
    if($count === 0) {
        $class = ' active';
    }
    $result  = "<div class='item" . $class . "'>\n";
    $result .= "    <div class='gallery_image'>\n";
    $result .= "        <a class='' title='' href='{$image_path}{$image}'>\n";
    $result .= "            <div class='' style='background-image:url({$image_path}{$image})'></div>\n";
    $result .= "        </a>\n";
    $result .= "    </div>\n";
    $result .= "</div>\n";  
    $gallery[] = $result;  
    $count++;
}

answered Jul 22, 2015 at 15:18

t.h3ads

1,87610 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user3733831 Over a year ago

this add active class to all elements

t.h3ads Over a year ago

Did you notice the "$count++;" at the end?

t.h3ads Over a year ago

$count is increased inside the loop? Then it should be 0 only the first time the loop is entered. $class is reset to an empty string everytime, so it is impossible that all elements get the active class.

t.h3ads Over a year ago

Can you update your question with your current code?

Dorian · Accepted Answer · 2015-07-22 15:21:07Z

0

The easiest way to do this is to create a counter variable like :

$i = 0;
while ($stmt->fetch()) {
    $result  = "<div class='item " . (0 == $i ? "active" : "") . "'>\n";
    // ...
    $i ++;
}

answered Jul 22, 2015 at 15:21

Dorian

2112 silver badges6 bronze badges

Collectives™ on Stack Overflow

How I add a CSS class to first element of an array in PHP?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related