Задать вопрос
JamesDodger
@JamesDodger

Как убрать кнопку при завершении Lazy Load-скрипта?

Суть в том, что на странице портофолио показываются картинки, сначала их 6 штук и кнопка "Загрузить еще" и при нажатии на нее появляются еще три блока с картинками, хочу доработать код так, чтобы, когда все картинки вышли и больше загружать нечего , кнопка скрывалась.
HTML:
<div class="work-album-items">
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work1.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work2.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work4.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work5.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work6.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work6.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work6.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work6.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work6.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work6.jpeg"></div>
			<div class="work-album-item"><img class="work-album-item-img" src="/build/img/work6.jpeg"></div>
		</div>
               <a href="#" id="loadMore">Load More</a>

$(function(){
	$(".work-album-item").slice(0, 6).show();
	$("#loadMore").on('click', function(e){
		e.preventDefault();
		$(".work-album-item:hidden").slice(0, 3).slideDown();
	})
})


P.S. если знаете способ как реализовать весь этот код более элегантно - поделитесь , буду благодарен, т.к. сама подгрузка картинок не оч.
  • Вопрос задан
  • 142 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Добавьте после строки с slideDown:

if (!$('.work-album-item:hidden').length) {
  $(this).hide();
}

// или

$(this).toggle(!!$('.work-album-item:hidden').length);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы