Okay, I need help. I'm working on my new site I'm using the .load event in query to swap out images on a div but I can get the fadeIn effect to work??? Can some one see if I'm doing something wrong??

here is my code:

$(".thumbNails a").click(function() {
var url = $(this).attr("href");
$("#bannerBox").load(url, function () {
$(this).fadeIn(300);

});
return false;
});//END OF CLICK


it loads the page but won't fade in.

here is the page url... http://madmen6raphics.com/clients/uprig … tured.html

I have never use Jquery but a flash fade in may do the job.
I found this but have not tried it

$(window).load(function () {
$("#Picture").fadeIn(600);
});

Hi Jason,

www.templatemonster.com/free-templates.php offers a lot of freeware templates with jquery sliders that fade images in and out.

A complete zipped example:

http://downloads.templatemonster.com/sa … a0dnee.zip

You can download this or one of many other freeware templates and copy the parts you need to your own design, or just adapt a complete template to your needs.....

By the way, I wouldn't use Flash any more, as iPad and iPhone users can't see such a design.

Success, John

Thank you guys I appreciate the help

Yes, I was able to find a solution and make the new images fade in.

Jason,

Please outline the solution you found.

Thanks!
-- Halfnium

I agree, we would like to know what you did to fix the problem. That way we can learn and direct others with the same issue to this thread.