За последние 24 часа нас посетили 20512 программистов и 1128 роботов. Сейчас ищут 707 программистов ...

Затемнение фото

Тема в разделе "Прочие вопросы по PHP", создана пользователем xlebosolniy, 1 сен 2022.

  1. xlebosolniy

    xlebosolniy Активный пользователь

    С нами с:
    8 сен 2016
    Сообщения:
    17
    Симпатии:
    0
    Здравствуйте. Подскажите, пожалуйста, как правильно обернуть блок, который отвечает за вывод фото (info_left) в блок, который затемнит/высветлит фото.

    На сайте на ocStore нужно проверить количество товара и применить фильтр.

    Делаю вот так:

    Задаю стили:
    Код (CSS):
    1. <style>
    2. .quantity1{
    3. filter: grayscale(0%);
    4. }
    5. .quantity0{
    6. filter: grayscale(100%);
    7. }
    8. </style>
    Проверяю количество:
    PHP:
    1. <?php if ($quantity) { ?>
    2. <div class="quantity1"><div class="info_left"></div></div>
    3. <?php } else { ?>
    4. <div class="quantity0"><div class="info_left"></div></div>
    5. <?php } ?>
    Через просмотр кода выводится тот div, который должен быть при количестве 0 товаров, а если больше 0 товаров, то выводится quantity1, но вот применяться не хочет
    upload_2022-9-1_14-31-36.png

    Попробую еще сделать так:

    PHP:
    1. <?php if ($quantity) { ?>
    2. <?php echo "<div style='filter: grayscale(0%);'><div class='info_left'></div></div>"; ?>
    3. <?php } else { ?>
    4. <?php echo "<div style='filter: grayscale(100%);'><div class='info_left'></div></div>"; ?>
    5. <?php } ?>
    Через просмотр кода тоже правильно все выводится
    upload_2022-9-1_14-32-2.png


    PHP:
    1. <?php if ($quantity) { ?>
    2. <?php echo "<div class='info_left' style='filter: grayscale(0%);'></div>"; ?>
    3. <?php } else { ?>
    4. <?php echo "<div class='info_left' style='filter: grayscale(100%);'></div>"; ?>
    5. <?php } ?>
    Тоже выводится правильно
    upload_2022-9-1_14-32-16.png

    Но что-то делаю не так, фильтр применяться не хочет. Хотя если просто через css в info_left добавить "filter: grayscale(100%);", то применяется фильтр
    upload_2022-9-1_14-33-12.png

    И даже так работает
    upload_2022-9-1_14-33-31.png
     
  2. xlebosolniy

    xlebosolniy Активный пользователь

    С нами с:
    8 сен 2016
    Сообщения:
    17
    Симпатии:
    0
    Неактуально