help with mouseOver event
For some reason I cannot get this to work. Following multiple tutorials online it don't work for me.
-
$(function(){
$("#image").mouseOver(function() {
$(this).addClass("newer"); })
$(this).mouseOut(function() {
$(this).removeClass("newer");
});
});
my css
-
.newer { position: absolute; background:url(img-des1.png) no-repeat; background-position: bottom center; z-index:100; }
What I want it to do is display the img-des1.png when you mouseOver the div with the id of image. but background picture in the css is always showing. The mouseOver event isn't working. I am linking to version 1.2.6.min in my file. Eventually the whole idea is to have an image then have the mouseOver image come up from the bottom and overlay on the other image. You can view the page by going here
http://www.creativeeventsdesign.com/jquery/