Ответы пользователя по тегу HTML
  • Как сделать легкий параллакс при скролле?

    Вот пример:

    Ответ написан
    Комментировать
  • Заглушка вместо неподгруженной картинки?

    Только если так:

    <div class="image-container">
      <img src="image.jpg" alt="Image" onerror="this.src='https://komfort-pluss.ru/wp-content/uploads/2020/01/net-izobrazheniya.jpg'">
      <img src="image1.jpg" alt="Image" onerror="this.src='https://komfort-pluss.ru/wp-content/uploads/2020/01/net-izobrazheniya.jpg'">
      <img src="https://x-files.site/images/articles/96/1/7/sibsup_t3.jpg" alt="Image" onerror="this.src='https://komfort-pluss.ru/wp-content/uploads/2020/01/net-izobrazheniya.jpg'">
    </div>
    
    <style>
    .image-container {
      position: relative;
    }
    
    .image-container img {
      width: 200px;
      height: auto;
    }
    
    .image-container::before {
      /* content: "Изображение не загрузилось"; */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #000;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
    }
    </style>


    Иначе при помощи JS
    Ответ написан
    Комментировать