vitalif-js
/
social-likes-nojq
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Dynamic change of Pinterest image.

master
Artem Sapegin 2014-02-04 13:03:37 +04:00
parent b52d1cf154
commit 9dea9eb48b
3 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
Readme.md
View File

@ -155,7 +155,7 @@ $('#share').socialLikes();
### Dynamic URL changing
You can dynamically replace URL and title without reinitialization.
You can dynamically replace URL, title and Pinterest image without reinitialization.
```html
<ul id="share2" class="social-likes" data-url="http://example.com/" data-title="My example">
@ -167,7 +167,10 @@ You can dynamically replace URL and title without reinitialization.
```javascript
$('#share2').socialLikes({
url: 'http://github.com/',
title: 'GitHub'
title: 'GitHub',
data: {
media: 'http://birdwatcher.ru/i/userpic.jpg' // Image for Pinterest button
}
});
```

14
specs/specs.html
View File

@ -271,10 +271,11 @@ section {
</ul>
<h3>Manual initialization</h3>
<ul id="social-likes-manual" data-url="http://mail.ru/">
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
</ul>
<div id="social-likes-manual" data-url="http://mail.ru/">
<div class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</div>
<div class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</div>
<div class="pinterest" data-media="http://s3-ec.buzzfed.com/static/enhanced/webdr02/2013/8/20/11/anigif_enhanced-buzz-31256-1377012172-9.gif" title="Опубликовать ссылку в Пинтересте">Pinterest</div>
</div>
<p><a href="#" id="social-likes-update">Change URL</a></p>
<script>
var sl = $('#social-likes-manual');
@ -285,7 +286,10 @@ sl.socialLikes();
$('#social-likes-update').click(function() {
sl.socialLikes({
url: 'https://github.com/sapegin/grunt-webfont/',
title: 'SVG to webfont converter for Grunt'
title: 'SVG to webfont converter for Grunt',
data: {
media: 'http://birdwatcher.ru/i/userpic.jpg'
}
});
return false;
});

4
src/social-likes.js
View File

@ -500,8 +500,8 @@ Button.prototype = {
},
addAdditionalParamsToUrl: function(url) {
var params = $.param(this.widget.data());
if (!params) return url;
var params = $.param($.extend(this.widget.data(), this.options.data));
if ($.isEmptyObject(params)) return url;
var glue = url.indexOf('?') === -1 ? '?' : '&';
return url + glue + params;
},