Question

Website test page: http://www.lantiis.com/indexold.html

jsFiddle: http://jsfiddle.net/Guhb4/7/

I received help with the jQuery and it works perfect in jsFiddle. (temp sign-in as Lantiis here: Can independently show/hide. How do I hide on show?)

When I transfered the code, everything worked except the images. The background images show up, the link images show up, but not the main images that have the site content which is what I needed the jquery for. I have no idea what I did wrong when I transferred the code over.

I am sure this is just a stupid mistake on my part, but as I am still learning js, I am at a total loss at this point. I thought I had it pretty good until I posted my first question and saw how messy my code was in comparison to the users code who helped me.

Any and all direction and criticism is welcome.

Answer 1

You need to include the jQuery library in your HTML.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

http://docs.jquery.com/Downloading_jQuery

And wrap your jQuery code in the following:

<script type="text/javascript">
    $(document).ready(function() {
        //Your code here
    });
</script>

http://docs.jquery.com/How_jQuery_Works#Launching_Code_on_Document_Ready