正如标题所说,我想在我的函数中加入一些不错的编码,这些函数可以预加载附加到下一篇文章的任何图像。
这意味着当我的用户浏览时,他们的页面将被加载,但实际上它将加载下一个页面,所以当你点击时,图像应该已经在那里等待了!
可以将其视为图像的“缓冲”。
需要注意的几件事:我使用post\\u缩略图功能,并通过函数设置了不同的大小。php。我还有一个插件,可以为每篇文章提供多幅特色图片。
我在stackoverflow上提出了这个问题(他在这里指了我),并将此代码放入循环中;
<?php
$next_post = get_adjacent_post(false, \'\', false );// set last param to true if you want post that is chronologically previous
$args = array(\'post_type\' => \'attachment\', \'numberposts\' => -1, \'post_parent\' => $next_post->ID);
$attachments = get_posts($args);
?>
<script type="text/javascript">
$(document).ready(function(){
var images = \'\';
<?php foreach($attachments as $attachment):
$mime = $attachemnt->post_mime_type;
if($mime == \'image/jpeg\' || $mime == \'image/gif\' || $mime == \'image/png\'):
?>
images += \'<img src="<?php $attachment->guid ?>" style="display:none" />\';
<? endif; endforeach; ?>
if(images != \'\'){
$(body).append(images);
}
});
</script>
虽然to看起来有可能成为赢家,但它似乎还没有发挥作用。在“我的页面源”中,它返回以下内容:
<script type="text/javascript">
jQuery(document).ready(function(){
var images = \'\';
if(images != \'\'){
jQuery(body).append(images);
}
});
</script>
这可能是我做错了什么,因为我是一个长期的复制和粘贴!
有人有什么想法吗?
谢谢大家!
最合适的回答,由SO网友:Infocentre 整理而成
这是cam的另一段代码-非常感谢@Ivan Ivanic
<?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>