1
Так тоже не помогло
Size: a a a
2020 July 25
1
Наводку бы какую нибудь
ЮЧ
Просто height={460}
1
Просто height={460}
Тоже
1
Он поставит в пикселях, если указано число или "1px" например
1
Просто height={460}
Что думаете насчет хука?
export const useIntersection = (target) => {
const onIntersection = img => {
if (img.isIntersecting) {
observer.unobserve(img.target)
img.target.src = img.target.dataset.src
}
}
useEffect(() => {
const img = target.current
const observer = new IntersectionObserver(onIntersection)
observer.observe(img)
})
}D
Что думаете насчет хука?
export const useIntersection = (target) => {
const onIntersection = img => {
if (img.isIntersecting) {
observer.unobserve(img.target)
img.target.src = img.target.dataset.src
}
}
useEffect(() => {
const img = target.current
const observer = new IntersectionObserver(onIntersection)
observer.observe(img)
})
}юзеффект без массива зависимостей
ЮЧ
Что думаете насчет хука?
export const useIntersection = (target) => {
const onIntersection = img => {
if (img.isIntersecting) {
observer.unobserve(img.target)
img.target.src = img.target.dataset.src
}
}
useEffect(() => {
const img = target.current
const observer = new IntersectionObserver(onIntersection)
observer.observe(img)
})
}Работает?
ЮЧ
Я бы сделал в два приема:
1. Вначале показываем div в размер будущей картинки, одновременно с этим загружая картинку в фоне.
2. Затем заменяем div на картинку.
1. Вначале показываем div в размер будущей картинки, одновременно с этим загружая картинку в фоне.
2. Затем заменяем div на картинку.
1
Работает?
Не :(
ИА
1
Я бы сделал в два приема:
1. Вначале показываем div в размер будущей картинки, одновременно с этим загружая картинку в фоне.
2. Затем заменяем div на картинку.
1. Вначале показываем div в размер будущей картинки, одновременно с этим загружая картинку в фоне.
2. Затем заменяем div на картинку.
А как думаете почему библиотека/хук не работают? Картинки как-то не так загружаются?
1
Карточки*
ЮЧ
Что, если попробовать делать
.observe не на картинку, а на карточку?1
И библиотека детектит что они все в зоне видимости, и хук
ЮЧ
А у самой карточки установить фиксированную высоту.
1
А у самой карточки установить фиксированную высоту.
При поиске всё равно будет отображаться что все в зоне видимости
1
А у самой карточки установить фиксированную высоту.
1
А у самой карточки установить фиксированную высоту.
1
Или тут еще попробовать?