내가 언급 한 것처럼 각 "세부 사항"페이지에 URL을 스니핑하고 페이지가 새 창 (맨 페이지)에서 열렸는지 여부를 감지하는 스크립트를 포함해야합니다 (주 페이지로 리디렉션하는 경우). (예를 들어, hash
을 사용하는) 수정 된 URL이있는 페이지에서 메인 페이지의 fancybox에있는 "detail"페이지를 열 수 있습니다. 각 "세부 사항"페이지에 대한 서로 다른 값으로
<script type="text/javascript">
var isWindow = self == top; // returns true if opened in a new window, otherwise it migh be inside an iframe
if(isWindow){
// alert("this page was opened in a new browser window");
// then redirect to main page and add hash "detailedXX"
window.location = "{URL}/mainpage.html#detailed01"
}
</script>
변경 detailed01
:
그래서 당신은 각각의 "세부 사항"페이지에서이 스크립트를 포함 할 수있다.
그런 다음 메인 페이지에 내가 주 리디렉션 동안 우리가 사용하게 될 그 hash
일치하는 각 앵커에 ID
을 포함
<a id="detailed01" class="fancybox" href="detailed01.html">Open project detail page 01 in fancybox</a>
<a id="detailed02" class="fancybox" href="detailed02.html">Open project detail page 02 in fancybox</a>
공지 사항 등의 각 세부 페이지로 연결되는 링크가있을 수 있습니다 페이지.
http://www.picssel.com/playground/jquery/detailed01.html 및 http://www.picssel.com/playground/jquery/detailed02.html
: 나는 DEMO here
이 데모 개방이 "세부"페이지를 설정
<script type="text/javascript">
var thisHash = window.location.hash;
$(document).ready(function() {
if(window.location.hash) {
// get the URL without hash so we can restore it if needed
var thisWindowLocation = window.location;
var thisWindowLocationSplit = String(thisWindowLocation).split("#")[0];
$(thisHash).fancybox({
width: 800,
height: 320,
fitToView: false,
autoSize : false,
type: 'iframe',
afterClose : function(){
// returns URL to main page with no hash
window.location = thisWindowLocationSplit
}
}).trigger('click');
}
// fancybox for normal main page operation
$(".fancybox").fancybox({
width: 800,
height: 320,
fitToView: false,
autoSize : false,
type: 'iframe'
});
}); // ready
</script>
: 뭔가처럼
는 그런 다음 fancybox 스크립트가 될 수 있습니다 직접 열려고하면 will redirec calling page에 t와 fancybox 오픈
출처
2012-09-03 21:38:51
JFK
내 머리 꼭대기에서 URL을 스니핑하는 스크립트를 각 세부 정보 페이지에 포함시켜야하고, 맨 위 페이지에서 열면 URL을 수정하여 기본 페이지로 리디렉션하는 것처럼 보입니다. 메인 페이지, 수정 된 URL을 다시 검색하고 fancybox에서 적절한 페이지를 여는 방아쇠를 당깁니다 (물론 구조 나 URL에 따라 다르지만 너무 자세하지는 않습니다) – JFK