Не успевает обработаться скрипт

[user]

Есть галерея нодов на Друпале.По клику на элементе открывается модальное окно через colorbox-node на страницу со слайдером картинок flexslider.Проблема в том,что слайдер срабатывает через раз только после загрузки картинок.Я уже ставил load() где только можно.

Edited March 24, 2015 by user

[Q4Dizzy]

Я уже ставил load() где только можно.

 

Что значит где только можно? Покажите, как вы реализуете load(). 

[user]

В модальное окно грузится такой блок.

<div id="flexslider" class="flexslider flexslider-center-mobile flexslider-simple" data-plugin-options="{"animation":"slide", "animationLoop":true,"maxVisibleItems":1}"><ul class="slides"><li><img typeof="foaf:Image" src="picture-1.jpg" width="1280" height="1453" alt=""></li><li><img typeof="foaf:Image" src="picture-2.jpg" width="512" height="796" alt=""></li></ul></div>

После этого я вызываю повторную инициализацию.

<script type="text/javascript">jQuery('#flexslider').load(function(){jQuery('#flexslider').flexslider();});</script>

Проблема в том,что она не всегда срабатывает,видимо,из-за больших картинок.

Я ее ставил и после этого блока,и в скрипте colorbox,и проверял вместо #flexslider другие блоки,все равно.

 

[Vlad02]

В доках по слайдеру написано "// Can also be used with $(document).ready()"

оберните ваш код этим.

[Q4Dizzy]

Ну да. Нет события готовности.. и load чаще всего на window ставят.

[user]

Я то и то пробовал,ставил и ready,и load и на document,и на window,и на соответствующие блоки.

[Vlad02]

Показывайте код, как пробовали, где-то банальная ошибка.

[Int]

//Функция-флаг загрузки картинки

function isImageLoaded(img) {

	if (!img.complete)

		return false;

	if (typeof img.naturalWidth !== "undefined" && img.naturalWidth === 0)

		return false;

	return true;

}

//Проверка наличия всех картинок.

function CheckImg()

{

	var imgNotLoaded = false;

	$('#details img').each(function(n, img) {

		if (!isImageLoaded(img))

		{

			imgNotLoaded = true;

			return 0;

		}

	});

	if (imgNotLoaded)

		setTimeout(CheckImg, 250);

	else

		картинки_загружены_делаем_полезные_действия()

}

[user]

В общем,я решил вопрос.Я вызывал эту функцию,когда блок еще не был загружен в контейнер.Поэтому оно скорее успевало грузиться,чем не успевало.Всем спасибо.