У меня есть множество социальных кнопок (<img>
s в <ul>
) на правой стороне моего сайта.
Они могут иметь имена файлов, такие как google.png
или twitter.png
.
Теперь я хочу изменить src
при наведении на google_b.png
или twitter_b.png
- и я буду последовательно называть свои файлы таким образом для всех них.
Мой вопрос заключается в том, как я могу легко изменить имена файлов на _b
(с сохранением расширения файла) без необходимости предварительно определять имена файлов?
На данный момент мой код выглядит так:
$('#social li').hover(function() {
// hover in
// a bunch of code to animate a tooltip is here
var $img = $t.children('img'),
src = $img.attr('src');
// change the source to img_b.png
$img.attr('src', src);
},
function() {
// hover out
var $img = $(this).children('img'),
src = $img.attr('src');
// remove _b to make it img.png again
$img.attr('src', src);
});