Table of Contents
Скрытие модуля RokSlide во время загрузки страницы
Задача
При загрузке страницы содержимое модуля RokSlide сначала отрисовывается в “разваленном” виде и лишь после подгрузки всех изображений складывается в свой окончательный вид. Необходимо скрыть этот этап от пользователя, дабы не портить впечатление от сайта.
Решение
Надо через CSS скрыть весь модуль и при его инициализации в JavaScript'e показать пользователю. Управление CSS стилями через JavaScript работает очень по разному не только в разных браузерах, но и в разных контекстах, так что лучше с помощью JavaScript переключать класс элемента, а стиль указывать в CSS.
Добавляем в templates/rt_replicant/css/rokslidestrip.css новый класс:
.notvisible {display:none;}
Добавляем ссылку на класс в файл шаблона templates/rt_replicant/index.php:
<div id="showcase" class="notvisible"> <?php mosLoadModules('advert1', -1); ?> </div>
Добавляем в modules/rokslide/rokslidestrip.js в функцию инициализации кусок, убирающий ссылку на класс:
initialize: function(contents, options) { // новая строка document.getElementById('showcase').className="";