0
로더 이미지를 웹 페이지의 특정 콘텐츠에만 적용 할 수 있는지 궁금합니다.콘텐츠의 특정 부분에 CSS 로더를 적용하는 방법
로더 이미지를 본 모든 튜토리얼은 전체 웹 페이지를위한 것입니다. 달성하고자하는 것은 div에만 간단한 로더를 적용하는 것입니다.
저는 두 명의 직원이 서로 겹쳐서 표시되는 웹 사이트를 구축 중이므로 이미지 위로 마우스를 가져 가면 뒤쪽의 이미지가 사라집니다. 내가이 방법을 사용했기 때문에 호버링 할 때 부드러운 전환을 원합니다. 유일한 문제는 느린 인터넷 속도로 페이지를 열면 맨 위에로드 될 때까지 하단/후면 이미지가 표시된다는 것입니다. 이는 우리가 원하지 않는 것입니다. 프로필 이미지 위에 마우스를 올리면 하단 이미지 만 표시됩니다.
콘텐츠의이 부분에 대해서만 어떻게 로더 이미지를 만들 수 있습니까?
여기에 개발 서버에있는 페이지 중 하나입니다 :
이것은 2 가지 종류의 질문이므로 2 가지 작업을 수행해야합니다. 첫째로'.bottom'은 CSS에 의해 숨겨져 있어야 순서를로드 했음에도 불구하고 결코 볼 수 없습니다. 그것을 공개하기 위해'.top'을 페이드하기 전에 즉시 보여줍니다. 두 번째 로더 이미지가 있습니다. 내가 너라면'.bottom'과'.top' 아래에 앉아서 세 번째 이미지 (로더)를 추가 할 것입니다. 맨 처음 맨 처음로드 된 후에는이 로더 이미지를 보는 사용자에 대해 걱정할 필요가 없습니다. –