Добавить иной класс img по ID элемента

557
25 июля 2017, 16:33

Добрый день!

Помогите разобраться как правильно прописать условие, если ID "1432", то <li id="photo-0" class="current test"> вместо class="current", учитывая содержимое текущего кода. Я вижу, что у меня уже пересекается несколько раз условие с интересующим меня ID, но не знаю, как правильно и куда конкретно прописать.

<div class='catalog-detail' data-val='<?=$arResult['ID'];?>'>
    <div class='catalog-grey-block group'>
        <div class='catalog-detail-left-block'>
            <div class="item_slider">
            <ul class="slides">
                <?
                $images = array();
                if(is_array( $arResult["DETAIL_PICTURE"] ) ){$images[] = $arResult["DETAIL_PICTURE"];}
                foreach( $arResult["MORE_PHOTO"] as $arPhoto ){    $images[] = $arPhoto;}
                $bIsOneImage = count($images) == 1;
                ?>
                <?foreach( $images as $key => $arPhoto ){?>
                    <li id="photo-<?=$key?>" <?=$key == 0 ? 'class="current"' : ''?>>
                        <?//pr($arPhoto); //$img = CFile::ResizeImageGet( $arPhoto, array( "width" => 1000, "height" => 800 ), BX_RESIZE_IMAGE_PROPORTIONAL, true, array() );?>
                       <?if($arResult['ID']!='1432'):?> <a rel='gallery' href="<?=$arPhoto["SRC"]?>"  class='fancy' > <?endif;?>
                            <?$img = CFile::ResizeImageGet( $arPhoto, array( "width" => 534, "height" => 307 ), BX_RESIZE_IMAGE_EXACT, true, array() );?>
                            <img border="0" src="<?=$img["src"]?>" alt="<?=$arResult["IPROPERTY_VALUES"]["ELEMENT_DETAIL_PICTURE_FILE_ALT"]?>" title="<?=$arResult["IPROPERTY_VALUES"]["ELEMENT_DETAIL_PICTURE_FILE_TITLE"]?>" />
                        <?if($arResult['ID']!='1432'):?> </a>  <?endif;?>
                    </li>
                <?}?>
            </ul>
            <?if(count($images) > 1 ){?>
                <div class="thumbs">
                    <ul id="thumbs">
                        <?foreach( $images as $key => $arPhoto ){?>
                            <?$img = CFile::ResizeImageGet( $arPhoto, array( "width" => 130, "height" => 76 ), BX_RESIZE_IMAGE_EXACT, true, array() );?>
                            <li <?=$key == 0 ? 'class="current"' : ''?>>
                                <a href='javascript:void(0);'>
                                    <img border="0" src="<?=$img["src"]?>" alt="<?=$arResult["NAME"]?>" title="<?=$arResult["NAME"]?>" />
                                </a>
                            </li>
                        <?}?>
                        <?if (count($images)>3):?><?endif;?>
                    </ul>
                </div>
                <span class="thumbs_navigation"></span>
            <?}?>
            </div>
Answer 1

Добавить проверку на ид. Вместо

<li id="photo-<?=$key?>" <?=$key == 0 ? 'class="current"' : ''?>>

написать два варианта

<?php if ($id == 1432) { ?>
    <li id="photo-<?=$key?>" <?=$key == 0 ? 'class="current test"' : ''?>>
<?php } else { ?>
    <li id="photo-<?=$key?>" <?=$key == 0 ? 'class="current"' : ''?>>
<?php } ?>

Откуда взять $id из вашего кода не понятно, поэтому написал просто переменную.

READ ALSO
Как настроить ширину owlCarousel?

Как настроить ширину owlCarousel?

Помогите настроить ширину owlCarousel, стараюсь сделать чтобы ширина была меньше, как можно этого добиться ? Скриншот представлен ниже

225
Как кэшировать данные из &lt;select&gt;?

Как кэшировать данные из <select>?

Как кэшировать данные из <select>?

188
Grunt выдает ошибку при сборке в корневой папки bootstrap

Grunt выдает ошибку при сборке в корневой папки bootstrap

Пытаюсь собрать тестовый проектУстановил node, клонировал bootstrap с GitHub

235