分享鏈接，標題和自定義Twitter共享圖標一個圖像

Question

這裏是定製的Twitter圖標代碼：

HTML：

<i id="twitter_share" class="fa fa-twitter fs20" style="position: relative; bottom: 4px;"></i> 

和jQuery：

$('#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'); 
}); 

它工作正常與網址和標題。問題是，我怎樣才能分享一個圖像呢？

非常感謝您的幫助。

更新：Facebook的參考 在Facebook我可以分享這樣的內容，它也可以在twitter中完成嗎？謝謝。 ！

Answer 1

圖片來自於你的HTML標記，它是由Twitter，當有人鳴叫您的網址刮掉。

Twitter是指伴隨推文發佈的元信息的集合，作爲卡，它們在網絡上出現之前需要批准。

1. 必須通過Twitter Cards Developer頁很好看
2. 選擇合適的卡片（summary_large_image是一個很好的），並在HTML的頭部適當Twitter的meta標籤
3. 驗證您的卡在Cards Validator頁面
4. 一旦您的域名已經被列入白名單與網址中的任何鳴叫也將包括你的卡

Answer 2

我搜索一點點的解決方案，一個解決方案是使用Twitter Cards

也許這線程可以幫助你Twitter - share button, but with image