안녕하세요^^
제가 하고싶은 작업은 카카오톡에서 해당링크를 전송시 나타나는 박스에서 이미지를 삽입하고 싶은데요
http://blog.naver.com/grosh/220012185875
해당 포스팅된 글에 맞춰 작업한 후에 해당소스를 쇼핑몰 호스팅사 (MAKESHOP)에 삽입하였는데요.
아무리해도 이미지가 나타나지 않네요…ㅠㅠ
첨부한 이미지에 검정바탕이 있는 곳에 이미지를 삽입하고 싶은데 어디가 잘못된건지 확인 부탁드릴게요…
<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
</head>
<body>
// 버튼의 이미지
<a id="kakao-link-btn" href="javascript:;">
<img src="http://dn.api1.kage.kakao.co.kr/14/dn/btqa9B90G1b/GESkkYjKCwJdYOkLvIBKZ0/o.jpg"/>
</a>
// 아래의 스크립트는 실제 카카오톡에 표시되는 부분
<script>
Kakao.init('a010d4af089376d89b07b19186e3f458');
Kakao.Link.createTalkLink({
container: '#kakao-link-btn',
label: '라벨',
image: {
src: 'http://postimg.org/image/j2av6r6cd/',
width: '300', //이미지의 가로크기
height: '200' //이미지의 세로크기
},
webButton: {
text: '사이트로 이동'
},
fail: function () {
alert('KakaoLink is currently only supported in iOS and Android platforms.');
}
});
</script>
</body>
</html>