如何给图像url Pinit按钮
How to give image url to Pinit button?
我正试图将Pinit按钮添加到我的网站。问题是,Pinit按钮需要图像url,但在我的情况下,图像是动态生成的。那么我如何添加Pinit按钮,使其固定页面的可见图像。
http://jsfiddle.net/t4KHR/
在动态添加图像后运行下面的代码将父变量设置为要共享的图像的ID父变量
var url = document.location.href;
var parent = document.getElementById("imgholder");
var img = parent.getElementsByTagName("img");
for (i = 0; i < img.length; i++) {
var newpin = document.createElement("a");
newpin.href = 'http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(url) + '&media=' + encodeURIComponent(img[i].src);
newpin.className = "pin-it-button";
img[i].parentNode.insertBefore(newpin, img[i].nextSibling)
if (i == img.length - 1) {
var s = document.createElement("script");
s.type = "text/javascript";
s.src = "//assets.pinterest.com/js/pinit.js";
document.getElementsByTagName("body")[0].appendChild(s);
}
}
<a class="pin-it-button" href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
<img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>
上面给出的代码片段解决了我的问题。它所做的不是将URL硬编码到代码链接,而是使用javascript获取当前URL并显示要固定的当前页面的图像。不要忘记在页眉或页脚
中包含以下脚本<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 多个单选按钮组相互干扰
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Javascript按钮下拉列表
- jquery试图按名称获取按钮位置
- 漂亮照片图片库中的Facebook赞按钮
- 扩展移相器按钮类不工作
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 单击按钮以等待单击按钮
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何从querySelectorAll中获取按钮类型
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 按下按钮时保存cookie
- 是否可以禁用jquery中的单个单选按钮
- ASP.NET通过单击JavaScript按钮触发c#事件
- 当我点击jsf中的primefaces命令按钮时,如何获得点击事件
- 点击按钮输入不起作用
- 如何给图像url Pinit按钮