YUI Image Loader Изображения выше сгиба не загружаются до события прокрутки

Question

У меня есть функция, которая вызывается в событии window.onload для создания группы изображений и рендеринга с помощью события scroll.изображения "выше сгиба" не отображаются, пока я не прокручиваю.Есть ли какие-либо советы по устранению неполадок?Я совершенно не парень из js / frontend:)

Заранее спасибо!

Answer 1

Попробуйте перейти к этому плагину jQuery Asynchronous Image Loader и дайте мне знать, если он вам подходит.

Answer 2

Не используйте window.onload. Если вы уже используете YUI 2, я предлагаю включить модуль Event и настроить ImageLoader onDOMReady . Не видя страницу, о которой идет речь, я не могу точно сказать, была ли это ваша проблема или нет, но это определенно избавит вас от головной боли в будущем.

Answer 3

Поскольку утилита ImageLoader использует загрузку страницы для проверки положения изображений, вам необходимо создать свою группу и зарегистрировать изображения до этого момента. Либо встроенный, как вы обнаружили, либо в момент готовности DOM, как предлагает Тивак.

Существует изменение в ImageLoader для решения этой проблемы, хотя оно не будет доступно до следующего выпуска YUI 2. Вы можете следить за этим здесь - http://yuilibrary.com/projects/yui2/ticket/2527646

Answer 4

Я только что попробовал этот встроенный вместо этого, и он работал нормально:

<script type="text/javascript">
var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll'); 
for(var i=0; i<someCounter; i++){
    var locationId = locationsArr[i];
    foldGroup.registerSrcImage('Location_' + locationId, GetImageDomain()+'/templates/Includes/imagehandler.ashx?locationId=' + locationid);
}
foldGroup.foldConditional = true; 
foldGroup.addTrigger(window, 'resize');</script>

Если у кого-то будет лучший ответ, мне определенно будет интересно.