Киби.ru

Живой сайт об актуальных проектах

User Tools

Site Tools


joomla:task13
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at LiveJournal
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Facebook
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at VKontakte
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Twitter
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Odnoklassniki
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at del.icio.us
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Google
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Favorites

Скрытие модуля 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="";
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at LiveJournal
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Facebook
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at VKontakte
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Twitter
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Odnoklassniki
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at del.icio.us
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Google
  • Bookmark "Скрытие модуля RokSlide во время загрузки страницы" at Favorites
You could leave a comment if you were logged in.
joomla/task13.txt · Last modified: 2010/04/02 15:45 by kibi