Создайте галерею Javascript с фоновыми изображениями - PullRequest
Новая
       18

Создайте галерею Javascript с фоновыми изображениями

0 голосов
/ 09 февраля 2019

Нужна помощь в создании полной страницы галереи.Я пробовал разные варианты.Я пытаюсь создать полную страницу галереи, которая позволяет пользователю прокручивать по вертикали хотя бы 1 изображение за раз.

Вот мой код: 

<style>

#img1 {
background-image: url("<?php echo $image ;?>");
height:100vh !Important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#img2 {
background-image: url("<?php echo $image2 ;?>");
height:100vh !Important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#img3 {
background-image: url("<?php echo $image3 ;?>");
height:100vh !Important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>

<div id="img1"></div>
<div id="img2"></div>
<div id="img2"></div>

Я застрял в решении javascript / jquery, чтобы определить, прокручивал ли пользователь.Я хочу изменить изображения, если пользователь прокручивает вверх на 10 пикселей или вниз на 10 пикселей.

Вот пример того, чего я пытаюсь достичь: http://themes.themegoods.com/photome/demo/gallery-archive/gallery-archive-fullscreen/

1 Ответ

0 голосов
/ 10 февраля 2019

Было бы лучше использовать js libs, например "fullPage.js, smart scroll, pagePiling.js", которые помогут вам сделать идеальный прокрутку страницы или галереи, как вы хотели бы получить, для получения дополнительной информации перейдите по ссылкам ниже:

...