在自定义Twitter分享按钮上共享图像

Question

我有关于如何在Facebook上分享Feed的经验。最近我转向使用twitter，并希望在我的网站上创建一个自定义共享按钮。

问题是，我参考了照片卡教程，但图像没有显示，

当我分享纯文本时它会起作用

$('#twitter_share').click(function (e) {
    e.preventDefault();
    var loc = "<?= base_url(uri_string()); ?>";
    var title  = "<?= $video->title; ?>";

    window.open('http://twitter.com/share?url=' + loc + '&text=' + title + '&', 'twitterwindow', 'height=450, width=550, top='+($(window).height()/2 - 225) +', left='+$(window).width()/2 +', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
});

但是当我分享图片时失败，我只需要共享一张图片。

$('#twitter_share').click(function (e) {
    e.preventDefault();
    var loc = "<?= base_url(uri_string()); ?>";
    var title  = "<?= $video->title; ?>";
    var image  = "<?= isset($video->image_url) ? site_url("thumbnail/" . $video->image_url) : site_url("assets/img/cms/video.png"); ?>";

    window.open('http://twitter.com/share?card=photo&image=' + image + '&url=' + loc + '&title=' + title + '&', 'twitterwindow', 'height=450, width=550, top='+($(window).height()/2 - 225) +', left='+$(window).width()/2 +', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
});

任何修复方法？谢谢你的帮助。

参考链接： https://dev.twitter.com/cards/types/photo

我需要在Feed中分享的是：

1. 当前网址
2. 标题
3. 描述
4. 图像