Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Совмещение lazy load с аккордеоном (https://javascript.ru/forum/jquery/60024-sovmeshhenie-lazy-load-s-akkordeonom.html)

prostreet92 07.12.2015 20:09

Совмещение lazy load с аккордеоном
 
Всем привет! Ребята, помогите решить проблему. Заранее прикрепляю ссылку на загрузку zip архива (внутри 1 html файл, изображение и скрипт lazy load) - http://fl-rebirth.16mb.com/test.zip

Проблема в следующем. Возьмем к примеру код:

<div class="item">
		<div class="button"><a href="#" class="stats-btn">Проповедник<span></span></a></div>
		<div class="dropdown">
			<div class="hide">
			<br>
			<img class="lazy" data-original="preacherD.jpg">
			<br><br><!--[if lt IE 9]><? echo $no3d;?><![endif]-->
			<a class="fancybox fancybox.iframe link" href="https://sketchfab.com/models/ecad35bf5ac643ffa40d402a4a53de13/embed">Просмотр в 3D</a>
			<p>
			Класс: <span class="stats-price">Сверхлегкий истребитель (разведчик)</span><br>
			Орудия/турели: 1/0<br>
			Броня: 9000<br>
			Грузовой трюм: 50<br>
			Батареи/Нанороботы: 70/70<br>
			Оптимальный класс оружия: 8<br>
			Макс. класс оружия: 8<br>
			Доп. оборудование: CMx2<br>
			Скорость:1600<br>
			Маскировка: присутствует (бесконечная)<br>
			3 слота под ускорители <br>
			Цена: <span class="stats-price">200 рублей</span>
			</p>
			</div>
		</div>
</div>


Блок dropdown с контентом внутри позволяет развернуть или свернуть его. Подключив скрипт загрузки изображений только когда они видны на экране, столкнулся с тем что когда открываешь аккордеон то вместо изображения ничего нет. А если подвинуть скролл вниз хотя бы на 1 пиксель, то изображение появляется. Если например оставить все содержимое внутри блока dropdown а сам блок удалить, то изображение нормально подгружается с fadeIn эффектом.

Возможно конфликт с этим фрагментом?
/* Closing all other drop down sections, except the current one */
$('.dropdown').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');

Архив скинул чтобы вы сами посмотрели в чем суть описаной проблемы. Помогите разобратся, я запутался!

рони 07.12.2015 20:25

prostreet92,
skip_invisible : false пробовали?

prostreet92 07.12.2015 20:34

Цитата:

Сообщение от рони
skip_invisible : false пробовали?

Пробовал. Эффекта ноль.

рони 07.12.2015 20:37

prostreet92,
вариант сначала Lazy Load потом аккордеон грузить

рони 07.12.2015 20:40

prostreet92,
http://javascript.ru/forum/events/43...-lazyload.html


Часовой пояс GMT +3, время: 07:36.