我懒得加载一些带有URL的图像,这些URL是通过自定义字段添加的。
我使用的延迟加载插件需要在src
属性和原始数据中的实际图像。
http://www.appelsiini.net/projects/lazyload
我还需要图像的高度和宽度,所以我一直在使用
wp_get_attachment_image_src()
.
我的问题是使用bloginfo(\'template_directory\')
获取保存图像的位置。
这里的第一个图像不显示占位符图像,但会将url输出到页面。
<?php
$attch_id_1 = pn_get_attachment_id_from_url(get_post_meta($post->ID, \'img1\', true));
$image_attributes_1 = wp_get_attachment_image_src( $attch_id_1, \'full\');
$attch_id_2 = pn_get_attachment_id_from_url(get_post_meta($post->ID, \'img2\', true));
$image_attributes_2 = wp_get_attachment_image_src( $attch_id_2, \'full\');
$attch_id_3 = pn_get_attachment_id_from_url(get_post_meta($post->ID, \'img3\', true));
$image_attributes_3 = wp_get_attachment_image_src( $attch_id_3, \'full\');
echo \'<img src="\'.bloginfo(\'template_directory\').\'"/images/img-BG.png" data-original="\'.$image_attributes_1[0].\'">\';
echo \'<img src="http://localhost/wordpress-cd/wp-content/themes/cd/images/img-BG.png" data-original="\'.$image_attributes_2[0].\'">\';
echo \'<img src="http://localhost/wordpress-cd/wp-content/themes/cd/images/img-BG.png" data-original="\'.$image_attributes_3[0].\'">\';
?>
页面的源代码如下所示。
http://localhost/wordpress-cd/wp-content/themes/cd<img src="/images/img-BG.png"
为什么我不能使用
bloginfo(\'template_directory\')
在这里
如何正确输出图像?
最合适的回答,由SO网友:Rajeev Vyas 整理而成
您不能使用bloginfo()
当您使用echo
因为bloginfo本身也使用echo
. 下面将为你工作,你也有额外的双引号,我已经删除。。。。
<?php
$attch_id_1 = pn_get_attachment_id_from_url(get_post_meta($post->ID, \'img1\', true));
$image_attributes_1 = wp_get_attachment_image_src( $attch_id_1, \'full\');
$attch_id_2 = pn_get_attachment_id_from_url(get_post_meta($post->ID, \'img2\', true));
$image_attributes_2 = wp_get_attachment_image_src( $attch_id_2, \'full\');
$attch_id_3 = pn_get_attachment_id_from_url(get_post_meta($post->ID, \'img3\', true));
$image_attributes_3 = wp_get_attachment_image_src( $attch_id_3, \'full\');
echo \'<img src="\'.get_bloginfo(\'template_directory\').\'/images/img-BG.png" data-original="\'.$image_attributes_1[0].\'">\';
echo \'<img src="http://localhost/wordpress-cd/wp-content/themes/cd/images/img-BG.png" data-original="\'.$image_attributes_2[0].\'">\';
echo \'<img src="http://localhost/wordpress-cd/wp-content/themes/cd/images/img-BG.png" data-original="\'.$image_attributes_3[0].\'">\';
?>