WordPress theme doens not display javascript

  • I have a test WordPress installation running at wordpress test theme. In the background images are supposed to move around as soon as you move your mouse. These images are rotating using and external jvscript. In IE7 you see where the images are located and they do move when you move your mouse, but the actual images don’t show. In FF 3 Beta 5 they don’t show up at all. Any idea why the images don’t show at all or why IE7 doesn’t load them properly?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Rhand

    (@rhand)

    Well, I have managed to make the javascript display in my theme. I had to put the include javascript in the footer. Like that the body has been formed before the javascript is called. Now IE7 and FF2 both display and float the images. I will change the image links a little later. And I forgot to put the floating images folder in the root. Silly me! Of course they wouldn’t show up like that.
    Now I only need to make the browser vertical and horizontal bar not appear when images are partly inside the browser screen and partly outside of them. When I added body{overflow:hidden;} I couldn’t scroll down anymore, even when there was still text. So I need something else to fix that. When you click here and move your mouse pointer around you will understand what I mean Any ideas?

    Thread Starter Rhand

    (@rhand)

    Well I managed to make the images pass behind the main content by adding some css to the wrap divider: `#wrap {
    width:820px; /*500px*/
    margin-left:200px; /*added*/
    padding:0;
    z-index:1001; /*added*/
    visibility:visible; /*added*/
    position:absolute; /*added*/

    }`

    The images only float on the home page now and not on the others. Why that is I haven’t figured out. Neither how to make the scroll bars stop from popping up when the images are about to exiti the browser screen ??

    Thread Starter Rhand

    (@rhand)

    Well to position the content in a better and more flexible way I have added a supercontainer div id=”giant” and added c.q. edited (to) the style.css: `#giant { /*added for positioning*/
    width:60%;
    margin:auto;
    }

    #wrap {
    width:820px; /*500px*/
    /*margin-left:200px; added*/
    padding:0;
    z-index:1001; /*added*/
    visibility:visible; /*added*/
    position:absolute; /*added*/

    }`

    The floating images are still displayed on the homepage in Firefox 2, but no longer in IE7. Weird!!
    The scroll bar issue and the fact that the floating images are only displayed at the home page still remain a real pain in the rear….

    Thread Starter Rhand

    (@rhand)

    Well I fixed all the issues. I added the absolute path to the images in the external javascript. So now the images are displayed on all pages. The external javascript works as well. I initially forgot to add a closing tag </ script>…
    And the bars are behaving as they should too!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WordPress theme doens not display javascript’ is closed to new replies.