안녕하세요
리버스님이 올려주신
카카오톡 상담버튼( https://xetown.com/tips/1474202 )
을 다운받아 사용예정인데
이 카카오톡상담의 설정중 올라오는이펙트를 사용할수있는 옵션이있습니다.
혹시 일정시간이 지난후 해당 옵션을 띄우는 함수에대한 도움을 받고싶습니다.
transition:all 3200ms 의 시간을 늘리다보니 천천히 올라오는거같아
이부분을 혹시 이펙트를 사용하지않는상황에서
예를들어 5초후에 해당 이미지를 띄우는 함수를 쓰려면 어떻게 해야하나요 ?
setTimeout(function(){}, 1000); 이걸 넣으니깐 에러가 떠서 혹시 도움받을수있을까요 ?
<?php // ***************************** // * 카카오톡 알림 애드온 // * 제작자: Waterticket([email protected]) // * 문의: https://shop.hoto.dev // ***************************** if(!defined('__XE__')) exit(); if($called_position == 'before_display_content' && Context::getResponseMethod() == 'HTML' && Context::get('module') != "admin" && !isCrawler()){ $addon_info->image_url ? $addon_info->image_url : $addon_info->image_url = '/addons/kakao_chat_notice/kakao.png'; $addon_info->target_url ? $addon_info->target_url : $addon_info->target_url = '/'; $addon_info->up_effect ? $addon_info->up_effect : $addon_info->up_effect = 'Y'; $addon_info->img_size_px ? $addon_info->img_size_px : $addon_info->img_size_px = 80; $addon_info->notice_memo ? $addon_info->notice_memo : $addon_info->notice_memo = ''; $addon_info->top_pos ? $addon_info->top_pos : $addon_info->top_pos = 40; $style_tag = '#__kakaotalk_chat img{width:'.$addon_info->img_size_px.'px}#__kakaotalk_memo{position:relative;bottom:20px;border:1px solid gray;background-color:#f0f0f0;padding:8px;text-align:center;border-radius:5px;font-size:0.7em;}'.(($addon_info->up_effect == 'Y')? '#__kakaotalk_chat{position:fixed;bottom:-100px;right:12px;z-index:9999;opacity:0;transition:all 11500ms;}#__kakaotalk_chat.on{bottom:'.$addon_info->top_pos.'px;opacity:5;transition:all 3200ms;}': '#__kakaotalk_chat{position:fixed;bottom:'.$addon_info->top_pos.'px;right:20px;z-index:9999;opacity:1;transition:all 10900ms;}'); $kakao_html = '<script>$(document).ready(function(){$("#__kakaotalk_chat").addClass("on");});</script><div id="__kakaotalk_chat">'.((!empty($addon_info->notice_memo))?'<div id="__kakaotalk_memo">'.$addon_info->notice_memo.'</div>':'').'<a href="'.$addon_info->target_url.'" target="_blank"><img src="'.$addon_info->image_url.'" title="KAKAOTALK 이동" /></a></div>'; $kakao_html .= sprintf('<style>%s</style>', $style_tag); $output = $output.$kakao_html;
$(document).ready(function(){$("#__kakaotalk_chat").addClass("on");} 요코드를 setTimeout(function(){}, 1000); 이코드안에 묶는건 어떤가요
$(document).ready(function(){
setTimeout(function(){
$("#__kakaotalk_chat").addClass("on");
}, 1000);
}
테스트는 안해봤는데.. 아마 이렇게 될듯 한데요.