Support » Requests and Feedback » Christmas Lights

Christmas Lights

  • Greetings,

    Can anyone make a Christmas Lights plugin for WordPress. This javascript can be seen on




Viewing 15 replies - 1 through 15 (of 16 total)
  • you dont need a plugin, download the file with the script and images, add this code <script type="text/javascript" src="script/snowstorm.js"></script> in the header.php file.

    Moderator Samuel Wood (Otto)


    WordPress.org Tech Dude

    And anyway, there’s already a plugin with that very same javascript. 🙂


    If you’re running 2.7, now might be a good time to try the built in plugin installer. Search for a tag of “snow”.

    Guys thank you for the reply. But kindly re-read…..I am talking about the Lights, not the snow.

    Thank You.

    For the lights its the same, yuo just need to add the files, folders in your server, and add the code to the header of your wp and done.
    the author says

    And the Christmas Lights?

    The christmas lights are a separate experimental script which also has an example. It is undocumented, but the script can be modified to taste if you’re the adventurous type.

    here is the code of that page, try to download the js, css and other files needed =)

    <title>Smashable Christmas Lights</title>
    <link rel="stylesheet" media="screen" href="christmaslights.css" />
    <script type="text/javascript" src="soundmanager2-nodebug-jsmin.js"></script>
    <script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
    <script type="text/javascript" src="christmaslights.js"></script>
    <script type="text/javascript">
    var urlBase = './';
    soundManager.url = './';
     <div id="loading">
      <h1>Christmas Light Smashfest 2008: Prototype</h1>
     <div id="lights">
      <!-- lights go here -->
     <div style="position:absolute;bottom:3px;left:3px">
      <a href="?size=pico">pico</a> | <a href="?size=tiny">tiny</a> | <a href="?size=small">small</a> | <a href="?size=medium">medium</a> | <a href="?size=large">large</a>

    download the files here


    i think this is all you need, check the page code too, try to copy the exact page, do some test =)

    add this code

    <script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>

    I tired implementing this for some time but could never figure out how to do it, too bad there’s not just a plug in for the lights like there is for the snow.

    The most I was ever able to accomplish was to get the lights to show on an empty page and couldn’t get the sound to work.

    When trying to put in my header.php file, regardless of where I stuck the code it would mess up my header.

    Ok, after more work I was able to get it to work on an empty page:


    I HOWEVER could NOT get it to work in my header.php file regardless of where I put the scripting lines in the head area, it would always mess up my page display and never show the bulbs.

    check this on your code

    <script type="text/javascript">
    var urlBase = './';
    soundManager.url = './';

    you need to change urlBase and soundManager.url
    try add the full urlhttp://www.livingdowntowndesmoines.com/wp-content/xmas/lights/

    check this too

     <div id="lights">
      <!-- lights go here -->

    you just need to put the code with the scripts js, css, etc. on the header, the div id=”lights” goes into the body.

    Well I played around with this again, it works fine on it own page, but when working on my main blog page, the lights never show up.


    The code is there, just no lights.

    Never mind, I had to remove code again since it disabled some other stuff on my blog.

    I do appreciate your help. My header.php is very touchy, one wrong piece of code and everything goes wacky, don’t ask me why.

    I know this is late , being Christmas eve but I only started using WordPress 3 days ago.

    I have made a plugin that uses the light script that you have been talking about. It is not avaliabl yet on the plugins page so if you really want it you can download it from my site as a zip.

    Check out:
    http://www.tomic.com.au – WordPress Projects

    or download directly from:

    I’m having problems. I’d love to get it solved and working before tomorrow…heres a link to my blog:


    The error message shown blocks everything. Specifically which template file is “<?php show_lights(); ?>” meant to go in…as I have installed the plugin you made.

    Thank you ntomic for your contrib.

    I solved a little bug with IE version check (lights doesnt work with IE7)

    look for “function smashInit()” at line 458


    “if (navigator.userAgent.match(/msie 6/i)) {
    return false;


    “if (false /*@cc_on || @_jscript_version < 5.7 @*/) {
    return false;

    “navigator.userAgent.match(/msie 6/i)” always return true.


    i’ve seen your site and checked the source of it, what is the link did you use to get the sound working? Where the link refers to the urlBase as well as the soundmanager.url

    <script type="text/javascript">
    var urlBase = './';
    soundManager.url = './';

    Any help’s appreciated.

    I have a problem, i used the ntomic’s plugin, and this show the lights on my blog. but deactivates the links on my page, ie: I can not click on the navigation menu. I’m using google chrome.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Christmas Lights’ is closed to new replies.