Q:

jquery to fade images except for the image with mouse over it

<!DOCTYPE html> 
<html> 
<head> 
    <script>
       $(".playThumb").fadeTo("normal", 1);

        $(".playThumb").hover(function() {
                      $(".playThumb").not($(this)).fadeTo("fast", 0.3); },
      function() {
                      $(".playThumb").not($(this)).fadeTo("fast", 1);
                 });
         </script>

<body> 
<a href="#"><img src="artistry.png" class="playThumb" />
<a href="#"><img src="flavour.png" class="playThumb" />
<a href="#"><img src="quality.png" class="playThumb" />
<a href="#"><img src="Style.png" class="playThumb" />
</body> 
</html>

The images appear but nothing happens, whenever the mouse on the image other images it doesnt fade.

A:

Include jQuery library in the <head> section.
Add your JS code in DOM ready function.
<script>
    $(document).ready(function(){
       $(".playThumb").fadeTo("normal", 1);

       $(".playThumb").hover(function() {
             $(".playThumb").not($(this)).fadeTo("fast", 0.3); 
       },
       function() {
           $(".playThumb").not($(this)).fadeTo("fast", 1);
       });
    });
</script>

Your HTML does not have ending </head> tag.

