Форум русской поддержки Joomla!® CMS
09.12.2016, 00:07:13 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 393 раз)
0 Пользователей и 1 Гость смотрят эту тему.
artem-pmr
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 3


« : 30.05.2015, 17:30:26 »

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

Подскажите пожалуйста, как это реализовать? Спасибо.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet