2011-03-23 5 views
0

タイトルが言うように、次の投稿に添付されている画像をあらかじめロードする機能を盛り込むためにコーディングをしたいと思います。Wordpress:Preload next post images

これは、ユーザーが閲覧している間にページが読み込まれますが、実際には次のページが読み込まれるため、クリックスルーするとイメージが既にそこにあり、待っているはずです。

イメージの「バッファリング」と考えることができます。

誰もがこれについて考えていますか?

乾杯!

+0

それは[WordpressのスタックExchangeサイトで見てみる価値があるかもしれません](http://wordpress.stackexchange.com/)(Wordpress特有のヘルプのためにここにいる人々は助けることができますが、**これは投票の終わりを表すものではありません)。 –

+0

特定のエリアがあることを認識していませんでした!次回は確かに - ありがとう! – Infocentre

答えて

1

あなたの訪問者はsingle.phpによって生成されます。あなたはそこにあなたのjsを置く必要があります。あなたはループの中でそれを行う必要があります。なぜなら、これはあなたが作業する投稿IDを持っている場所だからです。 問題は1つだけです。次の投稿?現在または現在の前に投稿された投稿ですか?訪問者が後方に行かれている場合、あなたは現在の投稿の投稿から画像を読み込む必要があります。 とにかくこのようなことができます(既にjqueryがロードされていると仮定します)。

注:これをループに挿入する必要があります。 get_adjacent_postため

removed old code 

ドキュメントは、()hereている、あなたは同じカテゴリにあるように、ポストを設定することができ、あなたはカテゴリを除外することができます。

UPDATE:私はので、ここでいくつかの面白いタイプミスをした、WPの私のインストールでテストされ、良いコードでカスタムポストタイプで動作します:

<?php 
    $next_post = get_adjacent_post(false, '', false);// set last param to true if you want post that is chronologically previous 
    //for debug 
    if(!empty($next_post)){ 
     echo 'Next post title is: '.$next_post->post_title; 
    } else { 
     echo 'global $post is not set or no corresponding post exists'; 
    } 
    $args = array('post_type' => 'attachment', 'numberposts' => -1, 'post_parent' => $next_post->ID); 
    $attachments = get_posts($args); 
    // print attachments for debug 
    echo '<pre>';print_r($attachments);echo '</pre>'; 
?> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     var images = ''; 
     <?php foreach($attachments as $attachment): 
      $mime = $attachment->post_mime_type; 
      if($mime == 'image/jpeg' || $mime == 'image/gif' || $mime == 'image/png'): 
     ?> 
     images += '<img src="<?php echo $attachment->guid ?>" style="display:none" />'; 
     <? endif; endforeach; ?> 
     if(images != ''){ 
      $('body').append(images); 
     } 
    }); 
</script> 
+0

うわー - イワン・イワニクちょうどスポットオン!それ以外はうまくいきません... プリロードされている画像はどこに戻されますか?それだけでビットが戻ってくるようだ: ます。。 – Infocentre

+0

次の投稿に画像がない場合は、それを返します。また、画像をwp形式で追加する必要があります。タグを追加した画像は機能しません。 wp-dbには投稿後に<->のアタッチメント関係が必要です。それは弾丸ではありません。これは基本的な設定ですが、どこで失敗するかを確認するにはデバッグが必要です。私は答えにいくつかのデバッグを追加しました。 –

+0

私は参照してください。 「おすすめ画像」に設定されている画像は自動的に添付されると思ったのですか?私は特集画像をつかむためにこの呼び出しを使用します; '<?PHP \t \t \t \t \t \t \t \t \t IF(has_post_thumbnail()){ \t \t \t \t \t \t \t \t \t \t \t the_post_thumbnail( '肖像'); \t \t \t \t \t \t \t \t \t \t}他{ \t \t \t \t \t \t \t \t \t \t \t \tエコー 'Something Went Wrong?'。 \t \t \t \t \t \t \t \t \t} \t \t \t \t \t \t \t \t?> '\t \t \t \t \t \t \t \t \t \t \t \t \t WPの方法であることではありませんか? – Infocentre