Показать сообщение отдельно
  #6 (permalink)  
Старый 20.06.2020, 13:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

LADYX,
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
span.img_title{
   color: red;
}
.story img{
    width: 200px;
}
.story{
    margin: 8px;
}

</style>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script>
$(function() {
    var $newsImg = $(".story img");
    $newsImg.one("load", function() {
        $(this).after(function() {
            var imgTitle = this.title;
            if (imgTitle  && this.naturalWidth > 200 ) return "<span class='img_title'>" + imgTitle + "</span>";

        });
    }).each(function() {
        if (this.complete)
            $(this).trigger("load");
    });
});

  </script>

</head>
<body>

<div class="story">
<img src="https://picsum.photos/300/100?1" alt="Подсказка альт" title="Подсказка тайтл 300">
</div>
<div class="story">
<img src="https://picsum.photos/200/100?1" alt="Подсказка альт" title="Подсказка тайтл 200">
</div>
<div class="story">
<img src="https://picsum.photos/400/100?1" alt="Подсказка альт" title="Подсказка тайтл 400">
</div>
</body>
</html>
Ответить с цитированием