trouble fading in images onload of site

[surreal5335]

I had this script that worked at one point, but now after chaing the content to load, nothing hides anymore or fades in or out. I have tried to revert it back to what it origanlly was but nothing works still.

here is the code that I am currently using

<script type="text/javascript">
<!-- we run in the footer so no need to use onload -->
  $('#photo img').load(function() {
  	$("span#options").hide();
  	$("span.gallery").hide();
  	$("table.contact").hide();
  	$("span.form").hide();
  	$("#zoe").hide();
  	$("img.gradualshine").hide();
    	$("#zoe").slideDown(3000, function(){
    	$("span#options").slideDown(1000);
        $("img#photo").slideDown(1000);
        $("img#illus").slideDown(1000);
        $("img#grphc").slideDown(1000);
      });
    });
</script>

The stuff I am slideDown is:

  <span id="options" class="display">
  
  <img src="/photo_site/th_photo.png" class="gradualshine" 
 onmouseover="slowhigh(this)" style="opacity:0.6; filter: alpha(opacity=60);"
 onmouseout="slowlow(this)" alt="photographers" id="photo" hspace="5" vspace="5"/>
 
   <img src="/photo_site/th_illus.png" class="gradualshine" 
 onmouseover="slowhigh(this)" style="opacity:0.6; filter: alpha(opacity=60);"
 onmouseout="slowlow(this)" alt="illustrators" id="illus" hspace="5" vspace="5"/>
 
   <img src="/photo_site/th_grphc.png" class="gradualshine" 
 onmouseover="slowhigh(this)" style="opacity:0.6; filter: alpha(opacity=60);"
 onmouseout="slowlow(this)" alt="graphic designers" id="grphc" hspace="5" vspace="5"/>
  </span>

so far the css="display" is set to none.

Here is the link if you need anymore info.

http://royalvillicus.com/photo_site/photo.html

Thanks a lot for your help

[Eldarrion]

And the problem comes from:

.display {
	display: none;
}

If you remove that, it will definitely achieve the desired result. There really is no reason to have it either, considering you're hiding the same object here:

$("span#options").hide();

Though why would you want to hide and show it again is really beyond me, but eh...

[surreal5335]

well I originally had it set to display normal or default and it still didnt work. It seems that none of the functions I wrote in the jquery I provided no longer work at all. its like its being completely ignored. Right I have told jquery twice to hide() the two elements inside the contact table, but still it shows. The way I can get it to hide right now is with css.

Thanks a lot for your help