Как вывести фиксированный модуль через определенное время после загрузки страницы?

Здравствуйте. Установил фиксированный модуль, но мне нужно его вывести через 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;
}

Пример вывода текста методом fade-in:

Код

<!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>

Подскажите пожалуйста, как это реализовать? Спасибо.

Какой файл управляет выводом страницы для редактирования материалов с фронта? Автор alnorton	Ответов: 2 Просмотров: 1434	23.05.2024, 21:43:41 от alnorton
Вывести дочерние товары в самой карточке родительского товар VirtueMart Автор aliallaxverdiev91	Ответов: 2 Просмотров: 2335	03.03.2024, 11:32:49 от gtiosx
Как вывести Alt картинки в описание Lightbox? Автор art22	Ответов: 2 Просмотров: 2100	14.05.2023, 09:21:39 от sivers
Модуль вывода похожих материалов с картинками Автор Besa	Ответов: 3 Просмотров: 2515	20.04.2023, 20:25:50 от beliyadm
Не подлючает модуль из шаблона Автор misteri27	Ответов: 0 Просмотров: 1794	31.01.2023, 12:58:05 от misteri27

Как вывести фиксированный модуль через определенное время после загрузки страницы? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

Joomla: как тестировать? Всего 8 минут

JoomGallery 4.1.0 - компонент галереи изображений для Joomla

Вышел релиз Joomla 5.3.2

artem-pmr

Как вывести фиксированный модуль через определенное время после загрузки страницы?

Похожие темы