Показать сообщение отдельно
  #1 (permalink)  
Старый 19.06.2020, 21:56
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 219

Подставлять title картинки в зависимости от ее размера
Здравствуйте. Есть такой скрипт:

$(document).ready(function() {
    var $newsImg = $(".story img");
    $newsImg.one("load", function() {
        $(this).after(function() {
            var imgTitle = this.title;
            if (imgTitle && imgTitle != '' && $(this).width() > 200 && $(this).css('float') == 'none')
            return "<span class='img_title'>" + imgTitle + "</span>";
        });
    }).each(function() {
        if (this.complete)
            $(this).trigger("load");
    });
});


<style>
img, span.img_title {display:block;}
</style>

<div class="story">
<img src="https://belnaviny.by/wp-content/uploads/2018/12/belnaviny.by-v-belarusi-dorozhaet-gorodskaya-telefonnaya-svyaz-i-pochtovye-otpravleniya-300x150.jpg" alt="Подсказка альт" title="Подсказка тайтл">
</div>


С помощью этого скрипта я вывожу title картинки отдельно span-ом. Вывод зависит от того, какого размера картинка показывается на экране. А возможно ли как-то изменить скрипт и сделать вывод title в зависимости именно от фактического размера самой картинки? Т.е., если физическая ширина картинки, скажем, 200px или больше, то только в этом случае title выводить.
Спасибо!
Ответить с цитированием