タイトルが言うように、次の投稿に添付されている画像をあらかじめロードする機能を盛り込むためにコーディングをしたいと思います。Wordpress:Preload next post images
これは、ユーザーが閲覧している間にページが読み込まれますが、実際には次のページが読み込まれるため、クリックスルーするとイメージが既にそこにあり、待っているはずです。
イメージの「バッファリング」と考えることができます。
誰もがこれについて考えていますか?
乾杯!
タイトルが言うように、次の投稿に添付されている画像をあらかじめロードする機能を盛り込むためにコーディングをしたいと思います。Wordpress:Preload next post images
これは、ユーザーが閲覧している間にページが読み込まれますが、実際には次のページが読み込まれるため、クリックスルーするとイメージが既にそこにあり、待っているはずです。
イメージの「バッファリング」と考えることができます。
誰もがこれについて考えていますか?
乾杯!
あなたの訪問者は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>
うわー - イワン・イワニクちょうどスポットオン!それ以外はうまくいきません... プリロードされている画像はどこに戻されますか?それだけでビットが戻ってくるようだ: ます。。 – Infocentre
次の投稿に画像がない場合は、それを返します。また、画像をwp形式で追加する必要があります。タグを追加した画像は機能しません。 wp-dbには投稿後に<->のアタッチメント関係が必要です。それは弾丸ではありません。これは基本的な設定ですが、どこで失敗するかを確認するにはデバッグが必要です。私は答えにいくつかのデバッグを追加しました。 –
私は参照してください。 「おすすめ画像」に設定されている画像は自動的に添付されると思ったのですか?私は特集画像をつかむためにこの呼び出しを使用します; '<?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エコー ''。 \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
それは[WordpressのスタックExchangeサイトで見てみる価値があるかもしれません](http://wordpress.stackexchange.com/)(Wordpress特有のヘルプのためにここにいる人々は助けることができますが、**これは投票の終わりを表すものではありません)。 –
特定のエリアがあることを認識していませんでした!次回は確かに - ありがとう! – Infocentre