Javascript 如何为flickr提要构建一个Pin-It按钮?
我的网站上有一个flickr提要,我想在每张图片下添加一个Pinterest“pinit”按钮 下面是提要脚本:Javascript 如何为flickr提要构建一个Pin-It按钮?,javascript,jquery,pinterest,Javascript,Jquery,Pinterest,我的网站上有一个flickr提要,我想在每张图片下添加一个Pinterest“pinit”按钮 下面是提要脚本: <script> $.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
<script>
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
$.each(data.items, function(i,item) {
var large = (item.media.m).replace('_m.jpg', '_b.jpg');
if(i <= 20){
$('#list').append('<li class="picture"><a class="slide-img" data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a></li>');
}
});
});
</script>
问题1-如何在一个中替换多个字符。替换方法?
定义好之后,我的下一次代码转换如下:
<script>
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
$.each(data.items, function(i,item) {
var large = (item.media.m).replace('_m.jpg', '_b.jpg');
if(i <= 20){
$('#list').append('<li class="picture"><a class="slide-img" data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a></li><br><a href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+link+'" data-pin-do="buttonPin" data-pin-config="beside">Pin It!</a>');
}
});
});
</script>
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en us&format=json&jsoncallback=?',函数(数据){
$.each(data.items,function(i,item){
var large=(item.media.m).replace('u m.jpg','u b.jpg');
如果(ii)最终使用了var-encodedUrl=encodeURIComponent(大);
哪一个成功了
这给我留下了
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
$.each(data.items, function(i,item) {
var large = (item.media.m).replace('_m.jpg', '_b.jpg');
var encodedUrl = encodeURIComponent(large);
console.log(encodedUrl);
if(i <= 20){
}$('#list').append('<li class="picture"><span class="round"><a data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a><br><a class="pinit round" target="_blank" href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+encodedUrl+'&description=%40PushPin%20Events" data-pin-do="buttonPin" data-pin-config="beside"><i class="fa fa-pinterest"></i> Pin it</a></span></li>');
});
});
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en us&format=json&jsoncallback=?',函数(数据){
$.each(data.items,function(i,item){
var large=(item.media.m).replace('u m.jpg','u b.jpg');
var encodedUrl=encodeURIComponent(大);
console.log(encodedUrl);
如果(i)
<script>
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
$.each(data.items, function(i,item) {
var large = (item.media.m).replace('_m.jpg', '_b.jpg');
if(i <= 20){
$('#list').append('<li class="picture"><a class="slide-img" data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a></li><br><a href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+link+'" data-pin-do="buttonPin" data-pin-config="beside">Pin It!</a>');
}
});
});
</script>
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
$.each(data.items, function(i,item) {
var large = (item.media.m).replace('_m.jpg', '_b.jpg');
var encodedUrl = encodeURIComponent(large);
console.log(encodedUrl);
if(i <= 20){
}$('#list').append('<li class="picture"><span class="round"><a data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a><br><a class="pinit round" target="_blank" href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+encodedUrl+'&description=%40PushPin%20Events" data-pin-do="buttonPin" data-pin-config="beside"><i class="fa fa-pinterest"></i> Pin it</a></span></li>');
});
});