使用javascrip从thumbailure_id获取img src

时间:2013-02-06 作者:Alex

我正在使用JSON API和多个特色图像插件来尝试在Google地图标记中显示图像。多功能图像插件只存储缩略图ID,然后我从JSON提要中检索该ID。不幸的是,我找不到一种使用javascript仅从缩略图ID获取图像src的方法。

我能得到的最接近的是www.example。com/p=338,但这当然只是用于显示图像的专用网页,我想要的只是img src。他们的方法简单吗?

1 个回复
SO网友:Tomas Buteler

我尚未对此进行测试,但您可能会了解其要点:

add_action(\'wp_enqueue_scripts\', \'send_image_source_to_js\');
function send_image_source_to_js() {
    global $post;

    // Does this post have a featured image? If yes, fetch the link / source
    $has_image = $source = false;
    if($thumb_id = get_post_thumbnail_id($post->ID)) {
        $has_image = true;
        $source_array = wp_get_attachment_image_src($thumb_id, array(300,300));
        $source = $source_array[0];
    }

    // Build an array with what we\'ve found about the post
    $image_params = array(
        \'has_image\' => $has_image ? 1 : 0,
        \'source\' => $source ? $source : 0
    );

    // Register, localize and enqueue the script
    wp_register_script(\'my_script\', \'path/to/my_script.js\');
    wp_localize_script(\'my_script\', \'image_params\', $image_params);
    wp_enqueue_style(\'my_script\');
}
wp\\u localize\\u script所做的是创建一个Javascript对象,该对象将打印在页面的html中,然后您可以在JS代码中使用它,如下所示(我很懒惰,所以我添加了一个不敏感的jQuery示例):

$(\'#my_image\').attr(\'src\', image_params.source);
让我们知道进展如何!

结束

相关推荐