2014-10-14 5 views
0

가로 시차 사이트를 만들려고합니다. 모든 것이 멋지게 작동합니다. 메뉴를 클릭하면 슬라이드가 수평 방향으로 빠르게 이동하고 해당 슬라이드가 표시됩니다.외부 링크에서 자바 스크립트 호출

메인 사이트와 동일한 구조를 가진 외부 HTML 페이지가 있는데,이 페이지의 메뉴를 클릭하면 사이트로 이동하지만 첫 번째 슬라이드에 도착한다는 점이 문제입니다.

외부 HTML 페이지 링크를 클릭하면 페이지가 사이트에 도착해야하지만 해당 슬라이드로 슬라이드해야하므로 스크립트를 원합니다.

메인 메뉴 링크는 다음과 같습니다

<a onclick="HORIZONTAL.ANIM.instance.move(3);" id="sec4" href="javascript:void(0);">About Us</a> 

내가 외부 페이지에 소개 링크 정보를 클릭하고 다음 메인 사이트에 착륙해야하고 위의 스크립트를 실행해야하고 슬라이드를 이동해야합니다.

+0

슬라이드의 ID를 쿼리 문자열에 전달하려고 시도 했습니까? 외부 페이지에 로직을 작성하여 – Raghuveer

+0

슬라이드를 표시하려면 섹션 ID를 쿼리 문자열 또는 해시 (예 : http://example.com)로 보내야합니다./slides/#/1 – Ammaroff

+0

해시와 해시를 사용 했습니까? 문제가 발생하지 않는 애니메이션을 관리하기위한 이벤트 핸들링. 그러면 페이지의 다른 부분이 북마크 가능합니다. – charlietfl

답변

1

먼저 해시 슬라이드 ID로 ("예를 http://newpage.com에 대한) 새 페이지로 사용자를 참조하십시오.

<a href="http:/newpage.com#3">About Us</a> 

을 그 새 페이지로 전달 지정된 슬라이드에 슬라이드 페이지가로드 한 후 스크립트를 만들 수 있습니다.

window.onload = function() { 
    var id = window.location.hash.substr(1);//get id from url after hash 
    HORIZONTAL.ANIM.instance.move(id); 
    }; 
+0

그것은 그것을했다. 나는 같은 코드를 찾고 있었다. 감사. 꽤 쉽다는 것을 알았습니다. JQuery에 대해 아주 새롭고 순진합니다. 고마워. –