기술지원
레이아웃
아이콘에 애니메이션 적용 문의드립니다.
제품명
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"> 이어야 합니다.

 

참고하시길 바랍니다.

 

이 댓글을
번호
분류
제목
작성자
날짜
702
레이아웃
2020.02.21
701
레이아웃
레이아웃
2020.02.13
2020.02.13
700
레이아웃
2020.02.13
699
레이아웃
2020.02.13
695
레이아웃
2020.01.17
694
레이아웃
2020.01.17
692
레이아웃
2020.01.10
691
레이아웃
2020.01.07
690
레이아웃
2019.12.26
689
레이아웃
2019.12.12
688
레이아웃
2019.12.10
687
레이아웃
2019.12.09
686
레이아웃
2019.12.03
684
레이아웃
2019.11.24