Jquery help

[masterb56]

Does anyone know how to change an attribute with a another attribute on a function?

like:

<img src="me.jpg" somethin="somethin.jpg" />

I'm trying to change "me.jpg" to "somethin.jpg" on mouse over but I can't seem to figure it out. I'm just a newb at javascript and jquery :facepalm:

 

[himal]

Try this.

$('img').mouseover(function() {
  $(this).attr('src','something.jpg');
}).mouseout(function(){
    $(this).attr('src','me.jpg');
  });

 

[deliteblogger]

If you want to use it like in your example (adding a second html property and switch between them on mouseover), you can use the following code:

$(function() { // short version for document.ready()
  $(img).hover(function() {
    var original = $(this).attr('src');
    $(this).attr('src',$(this).attr('somethin')).attr('somethin',original);
  }, function() {
    var alt = $(this).attr('src');
    $(this).attr('src',$(this).attr('somethin')).attr('somethin',alt);
  });
});

 

[soft2050]

You can also make use of HTML5 data attributes if you are concerned about html validation
http://jsbin.com/ixolog/2/edit

 

[masterb56]

@himal
thanks man, but that's what I keep on finding on the net, I have many images so I'm not after just replacing the value of the attribute

@deliteblogger
thanks! this looks like just what I need! I'll try it and see if it works. I was only using this.somethin and thought it would just referrence and change it, obviously not lol :D

@soft2050
thanks I'm using jfiddle cause it can run different versions of jquery.

 

[himal]

@masterb56
Sorry, I misread your question.deliteblogger's method is the way to go.
http://www.wjunction.com/member.php?u=13182