Как вырезать часть из src
 

Всем привет) Ломаю голову над такой задачей: если src="http://img04.deviantart.net/2357/i/2011/201/c/8/vitrage.jpg" , то в переменную сохранить vitrage, если src="image/vitrage.jpg", то в переменную сохранить тоже vitrage. Подскажите, пожалуйста)

var a = src.split('/').pop()

Либо substr с последней позиции "/". Если только имя без расширения, то удалить расширение.

Спасибо, все сработало)

Решаю задачу дальше
 

Дальше по ходу решения своей задачи столкнулась со следующим http://codepen.io/AnnushkaV/pen/ZQELmL . Вырезала часть src. Эта часть src - это ID описания для соответствующей картинки. т.е. при клике на маленькую картинку рядом открывается большая ее версия. При наведении на большую картинку(блок справа), появляется описание для большой картинки. Описание появляется, но оно накапливается после каждого клика по маленькой картинке и наведения на большую. Как сделать что бы выводилось каждый раз только описание для выбранной картинки? Спасибо.

AnnushkaV,
а что означает накапливается?
Я попробывал - вроде всё ок.

mouseover заменить на mouseenter. Только зачем же так писать:

var bigImg = $(".films-descr");
bigImg.on('mouseover', function(){
var $this = $(bigImg); //а ведь уже кеширован объект в bigImg, причем $this далее не используется
var str = $(this).closest('div#img-container').find('img').attr('src'); //и здесь тоже самое $(this) и есть bigImg
var res = str.split("/").pop();
var res1 = res.split(".").shift();
$(this).find("#" + res1).show(); //опять ...

третий день пишу на jQuery) пишу пока так что бы не потеряла логику

Так тут как раз и нет логики :)

пока учусь) поменяла mouseover на mouseenter. не сработало(

когда первый раз наводите, то нормально, а если потом кликаете на маленькой, а потом hover на большую, то описание и текущей картинки и предыдущей