Динамически изменять фоновый рисунок при загрузке страницы с прототипом - PullRequest
0 голосов
/ 22 июня 2010

Как и в Твиттере, я пытаюсь разрешить пользователю загружать свои собственные фоновые рисунки / изображения.Мне интересно, каков наилучший способ динамического изменения фонового шаблона при загрузке страницы.Я использую прототип с рельсами и проводил тестирование, поместив в мою главную страницу макета следующее:

<body id="pattern">
     <script type="text/javascript"> 
      document.observe('dom:loaded', function(){
        $('pattern').setStyle("background-image:url('/images/patterns/pattern.png');")
      })
    </script>
</body>

Это глючит из-за различных загрузок цвета фона до его изменения с помощью JavaScript.Есть ли способ изменить css даже раньше, чем событие dom :loaded?Правильный ли это общий подход?

1 Ответ

0 голосов
/ 22 июня 2010

Если вы не заботитесь о том, чтобы ваш javascript был ненавязчиво организован, то, пока ваш скрипт появляется после элемента $ ('. Pattern'), вы можете ориентироваться на него напрямую, не дожидаясь, пока остальная часть документа получит :. загружены

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...