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
    6 июл 2018 в 9:49
  • 1
    Он же как массив идет. к нулевому добавлять имеете?
    – Улан
    6 июл 2018 в 9:54
  • Если нужно к нулевому - добавляйте к нулевому.
    – u_mulder
    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
    6 июл 2018 в 9:59
  • @u_mulder пожалуйста, может напишите как правильно будет?
    – Улан
    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... Спасибо.
    – Улан
    6 июл 2018 в 10:23

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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