it changes it http://docs.jquery.com/Attributes/attr#keyvalue
attr( key, value ) Set a single property to a value, on all matched elements going a different direction isn't the solution, something else is wrong..... and your "current one" of "img src" as an attribute name is not going to work, it's not the name of the property you need to set here's a super quick and working example http://jsbin.com/aluhe/edit (code) http://jsbin.com/aluhe (run) On Jan 7, 12:32 pm, Glen_H <glen.f.he...@gmail.com> wrote: > does the attr function "change" the img source or does it "add" it in? > Perhaps I need a different function to do it? is that possible? > > i am going to try to add a the remove attr function first, then run > the current one and see if that works... > > On Jan 7, 12:25 pm, MorningZ <morni...@gmail.com> wrote: > > > Perhaps the path to the image itself isn't "./images" ? > > > Other than that,maybe some more code to show or better yet a live, non- > > working page...... > > > Rest assured the "hover" event does work, and the way to set an > > <img>'s source is $(this).attr("src") ... there's something else not > > seen/talked-about/thought-of that is the issue :-) > > > On Jan 7, 12:10 pm, Glen_H <glen.f.he...@gmail.com> wrote: > > > > I have it now set up like this: > > > > $("#footer #footer-contain #availability img").hover(function () { > > > $(this).attr('src', './images/avail_hover.png'}); > > > > } > > > > it still isnt working. I orig. had it set as src. but nothing seemed > > > to be working then so i messed around and changed it to img src. > > > > any other ideas as to why it might not be working? > > > > On Jan 7, 11:41 am, MorningZ <morni...@gmail.com> wrote: > > > > > $(this).attr({'img src' : './images/avail_hover.png'}); > > > > > there is no "img src" attr, but there is "src", so > > > > > $(this).attr('src', './images/avail_hover.png'); > > > > > and there's a second event to hook on the .hover event is when you > > > > mouse off, so use that event to revert back to whatever image was > > > > there > > > > > On Jan 7, 11:02 am, Glen_H <glen.f.he...@gmail.com> wrote: > > > > > > In my footer I have a sign where I want it to say one thing regularly, > > > > > and then when someone hovers, i want it to say sometyhing else. I > > > > > basically made 2 images, and I just want to switch images on the > > > > > hover. > > > > > > here is my code I used and its not working.: > > > > > > $("#footer #footer-contain #availability img").hover(function () { > > > > > $(this).attr({'img src' : > > > > > './images/avail_hover.png'}); > > > > > } > > > > > > can anyone help me out with what I need to do?
