Jquery Image like .. image replace on mouseover

Question

I would replace Pictures on mouseover.
I Found a nice script here, but the problem is all images on the page get replaced.

This way i would filter the images while selecting.
I added each picture the ending "_rep".

The code im using:

$("img")
  .mouseover(function() {
    var src = $(this).attr("src").match(/[^\.]+/) + "_akt.png";
    $(this).attr("src", src);
  })
  .mouseout(function() {
    var src = $(this).attr("src").replace("_akt.png", ".png");
    $(this).attr("src", src);
  });

Search for something like that:

$("img like %_rep%")
//code mouseover, mouseout

and the question is? if you want to replace just one specific image all the time instead of a regex just give the img an id — LiranBo, Oct 27 '15 at 09:40
No there are more images and if it possible i would do it like in the question. — user5441400, Oct 27 '15 at 09:43
ok so provide a fiddle that shows the error and we'll try to help you — LiranBo, Oct 27 '15 at 09:43

score 2 · Accepted Answer · answered Oct 27 '15 at 09:45

2

If I understand correctly, you want to replace images which end of names are _rep ?

In that case you can do that :

$('img[src$="_rep.png"]')

answered Oct 27 '15 at 09:45

KCarnaille

1,027
9
18

Thank you, exactly what i searched for. Thank you =). – user5441400 Oct 27 '15 at 09:48

score 1 · Answer 2 · answered Oct 27 '15 at 09:48

use this

$("img[src$='_rep.png']")

[src] means all tags with an src attribute. and [src$='_rep.png'] means all tags with an src attribute ending with '_rep.png'

and take a look here https://api.jquery.com/attribute-ends-with-selector/ I recommend you look through all different kinds of JQuery selectors in the provided link.

Jquery Image like .. image replace on mouseover

2 Answers2