Здравствуйте. Установил фиксированный модуль, но мне нужно его вывести через n секунд после загрузки сайта. К примеру, fade-in через 10 секунд после загрузки страницы.
Вывод модуля:Код PHP:
<?php
// no direct access
defined('_JEXEC') or die;
$width_panel_wrap = $width_panel + 50; // #ext_slideout_inner {padding:25px}
$indent = $width_panel_wrap+2; // + border*2
if ($position > 0 ) {
$position = 'right';
} else {
$position = 'left';
}
$document->addCustomTag('
<style type="text/css">
#ext_slideout_'.$ext_id.' {
'.$position.': 0;
top: '.$top_img_panel.'px;
width: 50px;
'.$position.': 50px;
});
}
</style>
');
?>
<div class="mod_ext_css_panel <?php echo $moduleclass_sfx ?>">
<div id="ext_slideout_<?php echo $ext_id;?>" class="ext_slideout">
<?php echo $html; ?>
</div>
<div style="clear:both;"></div>
</div>
Код CSS:
.ext_slideout {
position: fixed;
top: 150px;
width: 35px;
height: auto;
padding: 5px;
text-align: center;
background: rgba(17,17,17,0.5);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index:9999;
}
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type='text/css'>
#test{
display:none;
}
</style>
</head>
<body>
<script type="text/javascript">
setTimeout(function(){$('.webo4ka2').fadeIn('slow')},1000); //10000 = 10 секунд
</script>
<div class="webo4ka2" style="display: none;">
Появляющийся блок
</div>
</body>
</html>
Подскажите пожалуйста, как это реализовать? Спасибо.