Jquery Image Magnify won't work

[OregonCSSNewb]

Hello,

I am trying to get a script to work. When I click on the image here: www.katieandconrad.com/page2.html it should magnify.

I got the script from here: http://www.dynamicdrive.com/dynamici...agemagnify.htm

Now I am fairly competent in HTML and CSS but I know jack about javascript/jquery. I tried to disect the jquery code but it is way over my head. If someone could offer some assistance I would be very grateful.

Regards,

CB

[SB65]

In Firebug console I get an error on the fadein.js - '$ is not a function'.

This is caused because the magnifier script applies .noConflict(), which relinquishes control of the $ variable, which jQuery uses as a shorthand for 'jQuery'. You're still using the shorthand in the fadein.js script, but it is no longer recognised. This error causes the subsequent code to fail - so no magnifier.

So...amend your fadein.js to:

jQuery(document).ready(function($){
	$("#wrapper").hide();
		$(window).load(function(){
		$("#wrapper").fadeIn("slow");
});						   
});

and give that a try. Here we're explicitly calling jQuery rather than using the $ variable shorthand, so avoiding the problem.