안녕하세요 늦은시간에 문의 죄송합니다.
일전에 카카오톡 1:1 상담 아이콘 삽입으로 도움을 받았는데
해당 아이콘이 고정에서 변경이 되지 않아 카카오측에서 제공하는 아이콘을 계속 쓰는 수 밖에 없었나 했으나
어찌저찌해서 아이콘을 변경을 하였습니다.
해당 소스는 정상적으로 적용이 되는 것을 확인하였습니다만, 문제는 이전에 알려주셨던 애니메이션이 적용이 되지 않고
혼자 둥떠있는 모습으로 노출이 되네요 ㅜ
제가 적용한 소스는
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<a href="javascript:void plusFriendChat()">
<div class="xet=animate"><img src="http://rt5043.cafe24.com/layouts/xet_debut/img/kakao.png"></div>
<script type="text/javascript">
//<![CDATA[
// 사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('40061b25db0b0eaac3c35d7bd5d6f2b9');
function plusFriendChat() {
Kakao.PlusFriend.chat({
plusFriendId: '_WxjGRj' // 플러스친구 홈 URL에 명시된 id로 설정합니다.
});
}
//]]>
</script></a>
입니다.
일단은 홈페이지상에서는 원상복구 시켜둔 상태라 해당 아이콘으로 적용되어있는 모습은 볼 수가 없습니다.
소스 적용해서 확인해 본 결과 아이콘은 노출이 되나 애니메이션은 적용이 되질 않네요 확인 부탁드리겠습니다. 감사합니다.
안녕하세요.
현재 링크의 사이트를 확인해보면 애니메이션 효과가 잘 나오고 있습니다.
그리고 문의주신 코드에서는 <div class="xet=animate"> 이 아니라 <div class="xet-animate"> 이어야 합니다.
참고하시길 바랍니다.
이 댓글을