Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将Wordpress缩略图添加到附加到帖子的图像_Wordpress_Image_Loops_Post_Attachment - Fatal编程技术网

将Wordpress缩略图添加到附加到帖子的图像

将Wordpress缩略图添加到附加到帖子的图像,wordpress,image,loops,post,attachment,Wordpress,Image,Loops,Post,Attachment,我正试图让WordPress将缩略图图像包含在贴到帖子上的任何图像的图像标签中,以使缩略图可供RoyalSlider插件使用。(我正在将插件硬编码到网站中-出于各种原因,我不想使用wordpress版本。) 最终目标是: <img class="rsImg" src="image.jpg" data-rsTmb="small-image.jpg" alt="image description" /> i、 WordPress显示贴在帖子上的图像,但在每个帖子中,相关的缩略图都

我正试图让WordPress将缩略图图像包含在贴到帖子上的任何图像的图像标签中,以使缩略图可供RoyalSlider插件使用。(我正在将插件硬编码到网站中-出于各种原因,我不想使用wordpress版本。)

最终目标是:

 <img class="rsImg" src="image.jpg" data-rsTmb="small-image.jpg" alt="image description" />

i、 WordPress显示贴在帖子上的图像,但在每个帖子中,相关的缩略图都添加在“data rsTmb”中

我希望能够通过插入到特定页面模板中的一些代码来实现这一点,而不是修改主循环,因为我不需要整个站点都有这种行为,只需要通过自定义页面模板创建一个滑块

我目前有:

$image = wp_get_attachment_image_src( $attachment_id, 'thumbnail');
/*
$image[0] => url
$image[1] => width
$image[2] => height
*/
echo '<img class="rsImg" src="'. $image[0] .'" data-rsTmb="small-image.jpg" alt="image description" />';
$image=wp\u get\u attachment\u image\u src($attachment\u id,'thumbnail');
/*
$image[0]=>url
$image[1]=>宽度
$image[2]=>高度
*/
回声';
非常感谢任何帮助


编辑:根据评论中的建议更新以显示我在网站上使用的代码:

<?php

/*
    Template Name: Gallery
*/

?>
<?php query_posts('cat=7&amp;showposts='.get_option('posts_per_page=1')); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php 

$image = wp_get_attachment_image_src( $attachment_id, 'full');
$th = wp_get_attachment_image_src( $attachment_id, 'thumbnail');

echo '<img class="rsImg" src="'. $image[0] .'" data-rsTmb="'. $th[0] .'" alt="image description" />';

?>

<p><?php the_content(); ?></p>

<?php endwhile; endif; ?>

<php wp_reset_query(); ?>


编辑#2:中注释的替代代码-此代码有效,但并非适用于所有图像(?!):
/*
模板名称:图库
*/
?>

使用您的代码,尝试以下操作:

$image = wp_get_attachment_image_src( $attachment_id, 'full');
$th = wp_get_attachment_image_src( $attachment_id, 'thumbnail');

echo '<img class="rsImg" src="'. $image[0] .'" data-rsTmb="'. $th[0] .'" alt="image description" />';
$image=wp\u get\u attachment\u image\u src($attachment\u id,'full');
$th=wp_get_attachment_image_src($attachment_id,'thumbnail');
回声';

当然,您可能需要进行一些调整,特别是如果您想在大图像上使用特殊尺寸(而不是全尺寸),但您会得到这个想法的

我相信Fabio的答案会解决您的问题。您可以使用
wp\u get\u attachment\u image
()来获取图像的缩略图和完整大小,将每个数组保存在一个变量中,并将它们调用到您的
标记中。@Leo请查看我对Fabio评论的评论。@Leo不,无法使其工作。到底什么不起作用?在你的网站上看起来不错。我遗漏了什么?谢谢,但虽然这应该有效,但似乎没有任何效果。查看网站的“图库”部分(您需要单击屏幕底部导航栏中的“图库”;令人费解的是,第一张幻灯片现在是白色的-但单击此按钮,滑块将前进到图像)-如果您查看代码,图像将像往常一样显示,没有嵌入
标记中的缩略图。有什么想法吗?我检查过这个网站,看起来你没有使用相同的代码,我没有看到thumb或data rsTmb的任何输出,至少应该是空的,但你甚至没有元素。你确定你使用的代码正确吗?我已经更新了问题,以显示我在网站上使用的确切代码-这似乎是在块中显示它的最简单方法。@Leo我还添加了此问题早期版本注释中的代码,请参见上文。这是目前网站URL上的实时代码。
$image = wp_get_attachment_image_src( $attachment_id, 'full');
$th = wp_get_attachment_image_src( $attachment_id, 'thumbnail');

echo '<img class="rsImg" src="'. $image[0] .'" data-rsTmb="'. $th[0] .'" alt="image description" />';