Как проверить находиться ли элемент за пределами видимости или на экране.?

Question

[LoveCodeandCoffe]

Есть слайдер с 3 баннерами тексти картинка на каждом из них. Как проверить находиться ли эта картинка за пределами экрана. К самой картинке я обращаюсь через alt атрибут есть вот такое условие

$('.owl-item').find('img').each(function(i, event){
    if($(this).attr('alt') == 'slide2'){

      $('.some_div').hide();
    }
        
   if($(this).attr('alt') == 'slide1'){
      $('.some_div').show();
   }
         
    
});

Но при этом условии , изменения что для ==slide1 что для slide==2 одинаковы. Т.е например я в 1 условие пишу скрыть блок .hide() .Он скрывает. Но пишу во второе условие показать блок - он показывает и для первого условия в котором стоит hide. Думаю так получается , что и все 3 баннера ест в разметке, и скрипт видит сразу все alt атрибуты. И применяет последнее записанное условие. Вот поэтому хочу добавить условие видимости картинки в пределах экрана.

Answer 1

[Stalker_RED]

if ($('elem').visible(true)) {
  // ...
}
// или так
$('.class:visible').each()