Показать сообщение отдельно
  #1 (permalink)  
Старый 24.09.2019, 16:35
Аспирант
Отправить личное сообщение для Quark_ Посмотреть профиль Найти все сообщения от Quark_
 
Регистрация: 24.06.2015
Сообщений: 96

Скрипт для плавного появления изображений
С помощью гугла сделал скрипт для плавного появления изображений, но по непонятной мне причине он иногда не срабатывает вообще, иногда частично (грузятся не до последнего изображения или какое-то в середине цикла выпадает).

<div class="gallery"><img src="images/01.jpg" alt="" /> <img src="images/02.jpg" alt="" /> <img src="images/03.jpg" alt="" /> <img src="images/04.jpg" alt="" /> <img src="images/05.jpg" alt="" /> <img src="images/06.jpg" alt="" /></div>



var imstoshow=[];
var busy=false;
function runShow(){
 if(busy){runShow();}
 if(imstoshow.length==0){return;}
 busy=true;
 var im=imstoshow.shift();
 im.animate({'opacity': '1'}, 250, function(){im.removeClass('hidden'); setTimeout(runShow, 50)});
 busy=false;
}

function addImgs(im){
 if(busy){addImgs(im);}
 var offset=getCurrentTop()+$(window).height();
 im.each(function(){
  var i=$( this );
  var imof=i.offset().top+20;
  if(imof<offset){
   imstoshow.push($( this ));
  }
 });
}

$(document).ready(function(){
 var im=$('.gallery img');
 addImgs(im);
 runShow();
});


Подскажите плиз, в чем косяк?
Ответить с цитированием