2016-12-03 2 views
0

나는 나의 wordpress 사이트에 리브 슬라이더를 구현했고별로 인상적이지 않았다.혁명 슬라이더 회전 목마가 작은

첫 번째 회전식 슬라이드 슬라이더는 페이지로드시 정상적으로로드되지만 회전식 슬라이더의 다음 배치는 실제 크기를 사용하기 전에 오래 걸리는 것으로 보입니다. 여기에 더 잘 설명 할 수있는 스냅 샷이 있습니다.

이것은 탭에있는 첫 번째 회전식 슬라이더이며 기본적으로 페이지로드시 크게 표시됩니다.

enter image description here

SECON 탭이 두 번째 단지 나던로드 매우 권리와 내가 페이지를 여러 번 refrest하지 않는 한이 크기에 영원히 지속됩니다. 전혀 차갑지 않다.

enter image description here

나는 내가 몇 가지 구성을 놓친 느낌을 가지고 있지만 캔트이 구글 검색을 통해 서 어떤 도움을받을 것 그리고 내가 얻을 수있는 모든 도움을 주셔서 감사합니다.

탁신

답변

1

이것은 구성 문제는 아니지만 슬라이더가 탭에 있기 때문에 처음에는 첫 번째 탭 콘텐츠가 보이고 나머지는 숨겨져 기술적으로 두 번째 탭 콘텐츠의 높이가 0이므로 스크립트 충돌 문제가 발생합니다. 슬라이더는 동적으로 차지할 공간을 계산하기 때문에 슬라이더 스크립트 이후에 탭 스크립트가로드 될 때 높이가 더 작아집니다. ThemePunch 지원 팀에 문의하여 다시 그리기 코드을 요청하면 슬라이더 API 강제 슬라이더를 사용하여 슬라이더를 다시 그리면 페이지로드시 강제로 다시로드되므로 슬라이더를 처음 올바르게로드 할 수 있습니다.

+0

안녕하세요. @Masood. 귀하의 회신에 감사드립니다. ThemePunch 지원에서이 [link] (https://www.themepunch.com/revsliderjquery-doc/api/)를 받았고 구현 방법에 대해 알고 싶습니다. 그래서 아래의 코드를 내 테마의 맞춤 JS 상자에 삽입했습니다. 이제 탭에 캐 러셀 슬라이더를 표시하는 각 페이지에서 다시 그리기를 호출해야하지만 어떻게해야합니까? #sliderid를 실제 슬라이더 ID로 대체해야하는 위치는 어디입니까? 'var revapi; jQuery를 (문서) .ready (함수() { revapi = jQuery를 ("#의 sliderid") 회전 ({ ...}). }); ' – Selase

관련 문제