레이아웃
아이콘에 애니메이션 적용 문의드립니다.
제품명
xe-debut
코어
XE

 

안녕하세요 늦은시간에 문의 죄송합니다.

 

일전에 카카오톡 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>

 

 

입니다.

일단은 홈페이지상에서는 원상복구 시켜둔 상태라 해당 아이콘으로 적용되어있는 모습은 볼 수가 없습니다. 

소스 적용해서 확인해 본 결과 아이콘은 노출이 되나 애니메이션은 적용이 되질 않네요 확인 부탁드리겠습니다. 감사합니다.

이 게시물을

댓글'1'
XE템플릿
  • 2020.01.16

안녕하세요.

현재 링크의 사이트를 확인해보면 애니메이션 효과가 잘 나오고 있습니다.

 

그리고 문의주신 코드에서는 <div  class="xet=animate"> 이 아니라 <div  class="xet-animate"> 이어야 합니다.

 

참고하시길 바랍니다.

 

이 댓글을

번호
분류
제목
작성자
날짜
684
레이아웃
2019.11.24
682
레이아웃
2019.11.14
681
레이아웃
2019.11.07