Script based on the original pinmarklet for Pinterst allows to share custom images on Pinterest
The script uses jQuery.
##Usage:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="pinmarklet.js"></script>
<a id="pinterest" href="#"><img src="images/PinExt.png"></a>
The link will be as:
<script type="text/javascript">
$("#pinterest").click(function(){
var imgArray = {
images: [
{
src: "https://lh6.ggpht.com/oJ-bWH2rXcm4OozwnAxatnyBMIjbNDGtZtmvvzTgwzz7gYUI4Rm1_U7uUS0Q5xCMOj8=w124",
alt: "Image from Google Images"
},
{
src: "https://lh6.ggpht.com/_lTfuXOfXmr6ltzuSnKKMJ7sgTYcxAAsrRZOXUHnm3-ANUTIPvYoEo2De04LV95jDqc=h230",
alt: "Image from Google Images"
}
]
};
UTIL.pinterest.addPinMarklet({
images : imgArray.images
});
return false;
});
If requires execute a function when the image is clicked for share with pinterest add a function onPin
UTIL.pinterest.addPinMarklet({
images : imgArray.images,
onPin : function(){
console.log("onPin event you can execute whatever you need");
}
});
There are a simple example on
index.html