[jQuery] Re: img src replacement

wow. thank you for your patience with me lol. This jquery is cool and
all just a little stressful at times.

thanks again for your help!!!!

On Jan 7, 1:34 pm, MorningZ <morni...@gmail.com> wrote:
> ready to know what a major problem is??
>
> your "script.js" is:
>
> $(document).ready(function() {
>    // do stuff when DOM is ready
>   $("#footer #footer-contain #availability img").hover(
>               function() {
>                 $(this).attr("src", "./images/avail_hover.png");
>               },
>               function() {
>                 $(this).attr("src", "./images/availab.png");
>               }
>          );
>     });
>
>  });
>
> There's an extra "});" causing a syntax error, stopping JavaScript
> dead in it's tracks......  Firebug pointed that out on page load
>
> On Jan 7, 12:56 pm, Glen Healy <glen.f.he...@gmail.com> wrote:
>
> > I put up my site quickly here:http://www.glenhealy.com/
>
> > the image should be at the bottom in the footer, if you can view the code,
> > maybe you can see what the deal is?
>
> > i used the exact code used in the example so there has to be a file issue
>
> > On Thu, Jan 7, 2010 at 12:44 PM, MorningZ <morni...@gmail.com> wrote:
> > > 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?