2011-03-22 3 views
2

나는 클라이언트를 위해 웹 사이트에서 일하고 있는데, 그들은 알아낼 수 없었던 흥미로운 요구 사항을 가지고있다.WordPress/jQuery - jQuery로 비디오 카테고리 쇼케이스

기본적으로 게시 카테고리 중 하나는 동영상 용이며, 해당 카테고리에 정기적으로 새 동영상을 게시합니다. 각 동영상 게시에는 추천 미리보기 이미지 세트가 있습니다.

비디오 페이지에서 카테고리의 모든 게시물에 대한 축소판을 표시하고 싶습니다 (쉬운 부분은 사용자 정의 쿼리로 수행 할 수 있음). 그러나 페이지 상단에는 1 개의 전체 게시물이 표시됩니다. 사용자가 미리보기 이미지 중 하나를 클릭하면 해당 미리보기의 비디오가 페이지 상단에 이미있는 위치에 표시됩니다. 말이 돼?

여기

는 페이지가 배치되는 방법의 모형이다 :

그래서 썸네일을 클릭하면 기본적으로 페이지 상단에 전체 비디오를로드 jQuery를 사용할 필요가

enter image description here - 전체 비디오, 그냥 워드 프레스 포스트는 "썸네일 아이디 X를 클릭하면, 디스플레이 사업부 아이디에 게시물을 corrosponding ="전체 비디오 "

모든 아이디어를 어떻게이 작업을 수행하는 방법?

감사의의 경우 이렇게 너무 많이 Zach

답변

1

게시 내용을 반환하도록 서버에 요청해야합니다. 이 가깝다 뭔가 그래서 같은 서버 측에서 그런

<javascript> 
function getVideo(data) { 
    $.get(URL_THAT_RETURNS_CONTENT, 
    function (data) { 
     $("#full-video").html(data) 
    } 
); 
} 

$(".video-thumb").click(getVideo) 
</javascript> 

, 뭔가 :

data = get_content($_GET['lookup_post']); 
echo data; 

나는 내 머리 위로 떨어져 정확한 코드를 기억하지 않지만, 그 생각을한다 건너서.

+0

이 기능을 확장 할 수 있습니까? 내가 기본으로 제공 한 코드를 사용하여 작동 시키려고했으나 제대로 작동하지 못했습니다. –

+0

슬픔을주고있는 부분은 무엇입니까? 나는 자영업자이며 많은 시간을 할애 할 수는 없지만 가능한 한 도와 줄 것입니다. –

0

이 하나는 이전처럼 우아하지 않지만 어떻게 2 개의 루프를 사용합니까? 하나는 마지막 게시물을 전체로 보여주고 다른 하나는 마지막 게시물을 생략하고 다른 모든 것을 올바른 순서로 보여줍니다. 더 많은 리소스가 필요하지만 큰 사이트가 아닌 경우 가장 쉬운 방법이라고 생각합니다.

관련 문제