2016-09-18 3 views
-2

나는 본질적으로 홈 페이지에서 그 아래의 웹 사이트 컨텐츠를 드러내는 화면에서 높은 z- 인덱스로 두 개의 이미지를 슬라이드하는 CSS 애니메이션을 가지고 있습니다. 홈 페이지에만 있으며 다른 페이지에는 없습니다.div 제거/숨기기 웹 사이트

세션 중에 처음으로 페이지에 액세스 할 때만이 애니메이션을 실행하고 싶습니다. 따라서 사용자가 다른 페이지로 이동 한 다음 다시 홈페이지로 돌아 오면 애니메이션을 다시 실행하지 않아도됩니다.

내가 생각할 수있는 유일한 해결책은 홈 페이지가로드 될 때마다 확인되는 첫 번째 페이지로드시 HTML5 세션 저장 객체를 만들고 jquery를 사용하여 객체의 값이 애니메이션 인 div가 숨겨지는 것을 숨기는 것입니다. 세트.

이렇게 간단한 작업으로 인해 과도한 태도로 보입니다. 세션 중에 페이지를 다시로드하는 동안 지속되는 div를 제거하는 간단한 방법에 대한 제안 사항은 무엇입니까? 가능하면 코드를 작성해야 할 필요가 없습니다. 더 간단한 방향으로 안내하십시오. 마찬가지로 CSS로이를 수행 할 수있는 방법이 있습니다. 또는 JavaScript를 사용하여 요소를 제거하면 사이트 내의 다른 페이지로 이동 한 다음 홈 페이지로 돌아간 후에도 요소가 제거됩니다. 제발 고마워요!

P. 이것은 사용자 정의 WordPress 테마이므로 PHP 솔루션에도 열려 있습니다.

+0

의견에 감사드립니다. 클라이언트 측 세션 저장소는 내가 생각하고 있었던 것입니다. 그들의 해결책이 제가 간과하고있는 다른 해결책인지 알고 싶었습니다. –

답변

1

리퍼러 URL을 확인하고 리퍼러가 사이트 자체가 아닌 경우에만 애니메이션을 실행할 수 있습니다. 그러나 이번에는 방문자가 처음으로 다른 페이지를 연 다음 홈페이지로 이동하면 애니메이션이 표시되지 않습니다.

또 다른 옵션은 쿠키를 사용하는 것입니다.

+0

이것은 내가 염두에 두었던 것보다 나은 해결책으로 보입니다. 감사. 나는 시도 할 것이다. –