0
<?php foreach ($images as $val):?>
    <div class="item active">
      <img src="<?=base_url()?>uploads/slaid_images/<?=$val->name?>" alt="">
    </div>
<?php endforeach ?>   

Как можно сделать чтобы к первому images добавлял класс active, а остальным нет?

3
  • Считать какой элемент сейчас в цикле.
    – u_mulder
    Commented 6 июл. 2018 в 9:49
  • 1
    Он же как массив идет. к нулевому добавлять имеете?
    – Улан
    Commented 6 июл. 2018 в 9:54
  • Если нужно к нулевому - добавляйте к нулевому.
    – u_mulder
    Commented 6 июл. 2018 в 9:55

4 ответа 4

1

Простейший вариант:

<?php $is_first = true; ?>
<?php foreach ($images as $val):?>
    <div class="item <?=$is_first ? 'active' : ''?>">
      <img src="<?=base_url()?>uploads/slaid_images/<?=$val->name?>" alt="">
    </div>
    <?php $is_first = false; ?> 
<?php endforeach ?> 

Если ключи массива сразу идут от 0, то и флагов никаких не надо:

<?php foreach ($images as $index => $val):?>
    <div class="item <?= $index === 0 ? 'active' : ''?>">
      <img src="<?=base_url()?>uploads/slaid_images/<?=$val->name?>" alt="">
    </div>
<?php endforeach ?> 
0

Считай какой по счёту элемент

<?php foreach ($images as $val):
    if(array_search($val, $images) == 0) {
        $isActive = true;
    } ?>
    <div class="item <?if($isActive):?>active<?endif?>">
        <img src="<?=base_url()?>uploads/slaid_images/<?=$val->name?>" alt="">
    </div>
<?php endforeach ?> 
2
  • array_search воу-воу. Мало того что форычем по массиву идем так и в каждой итерации еще разок пройдемся.
    – u_mulder
    Commented 6 июл. 2018 в 9:59
  • @u_mulder пожалуйста, может напишите как правильно будет?
    – Улан
    Commented 6 июл. 2018 в 10:02
0
<?php foreach ($images as $key=>$val):?>
            <div class="item <? if ($key == 0) echo "active"; ?>">
              <img src="<?=base_url()?>uploads/slaid_images/<?=$val->name?>" alt="">
            </div>
<?php endforeach ?>
0

Вот так, если массив имеет индексы 0, 1, 2 и т. д.:

<?php foreach ($images as $index => $val):?>
    <div class="item <?php if($index === 0): ?>active<?php endif ?>">
      <img src="<?=base_url()?>uploads/slaid_images/<?=$val->name?>" alt="">
    </div>
<?php endforeach ?> 

Или так, если нет:

<?php $index = 0; ?>
<?php foreach ($images as $val): ?>
    <div class="item<?php if($index === 0): ?> active<?php endif ?>">
      <img src="<?=base_url()?>uploads/slaid_images/<?=$val->name?>" alt="">
    </div>
    <?php $index++; ?>
<?php endforeach ?>

Опционально можно использовать шаблонизатор, например, Twig, у него, помимо остальных преимуществ (например, более удобного синтактиса), есть встроенная возможность узнать индекс итерации.

1
  • помогло. Оба варианта сработали. Но выбрал первый, так как массив имеет индексы от 0... Спасибо.
    – Улан
    Commented 6 июл. 2018 в 10:23

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.