2011-03-22 12 views
2

私はクライアントのためにウェブサイト上で作業しており、私は把握できないという興味深い要件があります。ワードプレス/ jQuery - ビデオカテゴリjQueryでショーケース

基本的には、投稿カテゴリの1つが動画用で、定期的にそのカテゴリに新しい動画を投稿します。各動画投稿におすすめサムネイルが設定されています。

動画ページでは、カテゴリ内のすべての投稿のサムネイルを表示したい(簡単な部分は、カスタムクエリで行うことができます)が、ページの上部には1つのフル投稿が表示されます。ユーザーがサムネイルの1つをクリックすると、そのサムネイルのビデオがページの上部に既に表示されているものの代わりに表示されます。それは理にかなっていますか?ここで

は、ページがレイアウトされているかのモックアップです:

enter image description here

だから私は、サムネイルをクリックしたときに、基本的にはページ上部のフルビデオをロードするためにjQueryを使用する必要があります - 完全なビデオは、ちょうどWordPressのポストである「サムネイルID xがクリックされたときに、ディスプレイはDIVのIDでポストをcorrosponding =」フルビデオ」

任意のアイデアをどのようにこれを行うには?

おかげで、その場合はそうそんなに ザック

答えて

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ループを使用するとどうなりますか? 1つは最後の投稿を完全に表示し、もう1つは最後の投稿を省略し、他のすべてを正しい順序で表示しますか?それはより多くのリソースを取るかもしれませんが、それは大きなサイトではない場合、私はそれが最も簡単な方法だと思う。

関連する問題