2013-07-15 1 views
0

이것은 아마도 최소한 코드 중심의 질문 일뿐입니다.하지만이 코드는 전혀 작동하지 않습니다. 나는 pinterest가 제공하는 주식 단추 대신에 핀을위한 사각형 .png를 사용하려고한다.비 재고 핀을 사용할 수없는 이유는 무엇입니까?

여기에 버튼을 구현하는 내 코드입니다 : 나는이 사각형 아이콘을 밖으로 끌어 만드는거야

var twit = 'http://twitter.com/home?status='+title+'%20'+url; 
var facebook = 'http://www.facebook.com/sharer.php?u='+url 
var linkedIn = 'https://www.linkedin.com/cws/share?url='+url+'&title='+title; 
var gPlus = 'https://plus.google.com/share?url='+url+'&title='+title; 
var pinterest = 'http://pinterest.com/pin/?url=' + url + '&title=' + title; 

var tbar = '<div id="socializethis"><span>Share<br /><a href="#min" id="minimize" title="Minimize"> <img src="/images/minimize.png" /> </a></span><div id="sicons">'; 
tbar += '<a href="'+twit+'" id="twit" title="Share on twitter"><img src="/Content/images/twitter.png" alt="Share on Twitter" width="32" height="32" /></a>'; 
tbar += '<a href="'+facebook+'" id="facebook" title="Share on Facebook"><img src="/Content/images/facebook.png" alt="Share on facebook" width="32" height="32" /></a>'; 
tbar += '<a href="'+linkedIn+'" id="linkedIn" title="Share on Linked In"><img src="/Content/images/linkedIn.png" alt="Share on Linked In" width="32" height="32" /></a>'; 
tbar += '<a href="'+gPlus+'" id="gPlus" title="Share on Google plus"><img src="/Content/images/gPlus.png" alt="Share on Google Plis" width="32" height="32" /></a>'; 
tbar += '<a href="'+pinterest+'" id="pinterest" title="Share on pinterest"><img src="/Content/images/pint.png" alt="Share on pinterst" width="32" height="32" /></a>'; 
tbar += '</div></div>'; 

, 그래서 자바 스크립트가 문서에 추가 HTML 문자열의 무리입니다.

다른 사이트의 버튼은 정상적으로 작동하며, 관심있는 사람은 항상 버튼을 자신의 버튼으로 바꿉니다. 나는 URL을 가지고 놀아 보았습니다. 또는 내 사이트에있을 수있는 스크립트는 무엇이든지간에, 적절한 URL에 링크하기 위해 스톡 버튼으로 바뀝니다. 어떤 도움이라도 대단히 감사하겠습니다. 감사합니다.

+1

나는이 작업을 수행하는 타사 스크립트를 기대합니다. 심상은 다만 마술로 변화하지 않는다, 그래서 "socalizethis"것이 인 무엇 이건, 당신의 연결을보고 Pinterest 것 안쪽에 심상을 변경해야한다. Pinterest를 사용하는 용어 일 수 있습니다. Pinterest를 사용하면 이미지를 사용할 수 있습니다. 그 부분을 조사하고 싶을 수도 있습니다. –

+0

nope. 메뉴의 이름입니다. 그것은 HTML 문자열, 정적 imgs의 무리이고 그것은 모든 것을 dom에 추가합니다. 상황이 바뀌는 것은 단지 끝이 아닙니다. 다른 사이트에서는이 문제를 해결할 수 없으며 내 사이트에 pinterest 스크립트가 없으며 http://pinterest.com/pin/create/button/?url URL 만 있으면 이미지가 변경됩니다. .. –

+0

URL/create/button이 실제로 핀 버튼의 img src를 만들고 덮어 쓰고 생성 한 src로 바꾸는 것일 수 있습니다. img 링크에서 src를 확인 했습니까? 그것은 바뀌 었습니까? 페이지가로드되면 문서를 다시 보거나 덮어 쓸 수 있습니다. 문서를 보면 누군가가 왜 이것을하는지 알 수 있습니다. 어쩌면 사용자 정의 핀에 사용되는 또 다른 URL을 사용할 수 있습니다. –

답변

0

이 질문은 stackoverflow에 표시 할 수 있습니까? Custom Pinterest button for custom URL (Text-Link, Image, or Both). 당신을 도울 수있는 세 가지 링크와 맞춤형 핀에 관한 다른 질문에 대한 또 다른 링크가 있습니다. 도움이되기를 바랍니다.