[jQuery] .load(function() not working
I have a piece of code which has worked great in the past on this very
site, but for some reason now, has stopped working. I put in
the .ready function to try and fix it bc I understand that is a
crucial peice of syntax for jquery.
Still the code does not work. Everything in this code is not being
executed, its like the code is being ignored.
[CODE]
<script type="text/javascript">
<!-- we run in the footer so no need to use onload -->
$(document).ready(function(){
$('#zoe img').load(function() {
$("#graphic").hide();
$("#illustration").hide();
$("#photography").hide();
$("table.contact").hide();
$("span.form").hide();
$("div.pics").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>
[/CODE]
If you would like details on the rest of the code, it can be found at:
http://royalvillicus.com/photo_site/photo.php
Thanks a lot for all your help