최근에 HTML5, CSS 및 jQuery를 사용하여 라이트 박스의 자체 버전을 제작하는 작업을 마쳤습니다. jQuery는 기본적으로 전체 라이트 박스를 현재 표시된 페이지에 추가합니다. 프로토 타입이나 iFrames와 같은 고급 장치를 사용하지 않는다는 것을 분명히하기 위해이 말을합니다. Lightbox에 의견을 추가 할 수 있었고 그 곳에서 문제가 발생했습니다.jQuery 라이트 박스의 모든 이미지에 페이스 북 코멘트를 어떻게 추가합니까?
각 이미지마다 주석을 분리하고 싶습니다. 즉, 사용자는 전체 갤러리 자체가 아닌 개별 이미지에 대한 주석을 달 수 있어야합니다. 내가 겪고있는 문제는 페이스 북이 전체 페이지에 대해서만 통신을 기록한다는 것입니다. 따라서 라이트 박스에서 다음 이미지로 이동하면 주석이 새로 고쳐지지 않습니다.
개인 사진 UR1을 facebook 요청의 'data-href'속성으로 전달하려했지만 작동하지 않았습니다. 나는 정말로 무엇을 해야할지 모르겠다. ...
내 이해와 많은 구글 검색을 통해, 코멘트는 개별 페이지 URL에 링크되어야한다. 어디서 문제가 발생하는지 확인할 수 있습니다. html 페이지 URL을 요청하지만 사진 URL을 전달합니다.
1) iframe을 사용하여 그림을로드해야하며 iframe url을 'data-href'속성에 전달해야하나요? 2) 프로토 타입을 사용해 봐야할까요 (심지어 그게 뭔지도 모르거나 심지어 내 경우에 적용되는 경우도 있습니다)
기본적으로 어떻게 페이스 북이 개별 사진에 링크 된 댓글을 저장하도록 요청합니까? 전체 HTML 페이지?
P. 이것은 3 번째로 비슷한 질문을 게시 한 것과 같아서 코드를 다시 작성하지 않기로 결정했습니다. 전에는 아무도 대답하지 않았고 이번에는 공간을 낭비 할 필요가 없다고 느꼈습니다. 코드에 관한 모든 것은 모든 이미지에 대한 주석을 제외하고는 작동합니다. 누군가 코드를보고 싶다면 그냥 물어 보면됩니다.
미리 감사드립니다.
/** 해결책 UPDATE에게 **/ 나는이 작업을 얻을 수 있었다. 그것은 페이스 북의 생각을 앞서 밝혀서 그들의 코멘트가 .html 파일뿐만 아니라 이미지에 직접 링크 될 수 있도록했다. 당신이해야 할 일은 다음과 같습니다. 1) data-href는 원래 사용자가 클릭하는 이미지의 절대 URL과 동일하게 설정합니다. 2) 사용자가 이전/다음을 클릭하면 업데이트 의견의 데이터 HREF는
FB.XFBML.parse();
--That 방법은 기본적으로 댓글 플러그인을 갱신하고 갱신 된 의견을 표시 할 수 있습니다 직후 다음과 같은 방법을 그림의 변화를 반영하고 호출합니다. 그게 내 문제 였어. 이론적으로, 내 코드는 전체 시간 동안 작동했지만, 나는 단지 다시 구문 분석하지 않았습니다. 그 라인을 추가하면 매력처럼 작동합니다. 그것이 내가 일을 시도하는 데 사용하는 단지 연습 도메인이다, http://shakazulu.host-ed.me/lightbox/lightboxPractice.html
마십시요 판사 :
는 관심있는 사람들을위한, 당신은 여기에 라이트의 거친 프레임 워크를 확인할 수 있습니다. 내가 할 수있는 한 그 코드를 계속 유지하려고 노력할 것이다. 구글에서 비슷한 것을 찾기가 매우 어렵다는 것을 알았다. 누구나 jQuery 코드 나 CSS가 필요하면 간단히 물어 보면 여기에 게시됩니다.
프로그래밍 어드벤처에서 행운을 빈다.
/* ** * ** * ** * ***는/
좋아, 어디서 보는지 ... 알았어. 각 이미지에 대해 더미 페이지를 만들어 서버에 모두 저장하도록 하시겠습니까? 사촌 내가 이것을 고려했지만 내 서버에 수천 페이지를 가지고 결국 그것은 잔인한 것 같습니다. 거기에로드되는 각 이미지에 대한 더미 페이지를 만드는 방법이 있나요? 예 : 1) 더미 페이지를 동적으로 생성합니다. 2) 더미 페이지에 이미지로드 3) 댓글을로드하고 페이스 북에 더미 페이지을 크롤링하도록합니다. 4) 페이스 북에서 올바른 코멘트를 수집 한 후 더미를 삭제하고 페이지 –
예, http://www.example.com/picture.php?id=id (id는 그림 ID 임)와 같은 것을 사용합니다. 단지 $ _GET 매개 변수입니다. 위의 예와 같이 mod-rewrite를 사용하여 "pretty"로 만들 수 있습니다. – TommyBs
이것은 바보 같은 질문처럼 들리지만 저는 PHP에 익숙하지 않습니다. 솔직히 말해서 그 코드가 무엇인지 전혀 모릅니다. 그림 ID로, 그림 이름을 의미합니까? 내 그림이 'autumn.jpg'라고 불렀다면 내 이드가 될 것입니다. 그러면 코드는 다음과 같이 보일 것입니다 : data-href = "example.com/picture.php?id=autumn.jpg". 다시 한 번, 어려운 일에 유감스럽게 생각합니다. 나는 당신이하는 말을 정말로 이해하지 못합니다. 다시 한 번 감사드립니다! –