[英]Replace tweet button icon
我有一個動態創建的Twitter分享按鈕:
HTML:
<a id="twitter_publish" href="https://twitter.com/share" class="twitter-share-button" data-via="3imit" data-count="none"></a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
使用Javascript:
function tweetSetup() {
$("#twitter_publish").remove();
$(".twitter-share-button").remove();
var tweet = $('<a>')
.attr('href', "https://twitter.com/share")
.attr('id', "twitter_publish")
.attr('class', "twitter-share-button")
.attr('data-lang', "en")
.attr('data-via', "3imit")
.attr('data-count', "none")
.attr('data-text', "Take a look at this:")
.attr('data-url', $("#some_link").val())
.text('Tweet');
$("#facebook_publish").after(tweet);
twttr.widgets.load();
$("#twitter-share-button").show();
}
我想用我自己的圖標替換默認的推文圖標。 我怎樣才能做到這一點?
Twitter在這里有一個如何做到這一點的例子(滾動到底部,“構建你自己的推文按鈕”):
<style type="text/css" media="screen">
#custom-tweet-button a {
display: block;
padding: 2px 5px 2px 20px;
background: url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat;
border: 1px solid #ccc;
}
</style>
<div id="custom-tweet-button">
<a href="https://twitter.com/share?url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>
檢查我在這個問題上的答案:
您可以擁有自定義鏈接,但仍然使用javascript API。 對於您的情況, 您的鏈接應指向 https://twitter.com/intent/tweet , 您應該將所需的查詢參數添加到網址中,例如:
<a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fwww.yoururl.com&text=your%20text">Tweet</a>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.