WordPress.org

Ready to get started?Download WordPress

Forums

WordPress theme doens not display javascript (5 posts)

  1. Rhand
    Member
    Posted 6 years ago #

    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?

  2. Rhand
    Member
    Posted 6 years ago #

    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?

  3. Rhand
    Member
    Posted 6 years ago #

    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 :-(

  4. Rhand
    Member
    Posted 6 years ago #

    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....

  5. Rhand
    Member
    Posted 6 years ago #

    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!!

Topic Closed

This topic has been closed to new replies.

About this Topic