Изменение атрибута img src с помощью jQuery

Question

У меня возникли проблемы с изменением атрибута img src моего тега изображения с помощью jQuery. Вот мой код

$(".img-thumb").on("mouseover", function (e) { 
    $val = ($(e.currentTarget).attr('src')) 
    $val = $val.slice(1,200)); 
    $('#preview').attr('src','$val'); 
}); 

Тогда на моем теге

<div id="zoom-in" style="width:750px;height:410px;margin-left:60px;border:1px solid black;border-radius:20px;overflow:hidden;"> 
     <img id="preview" style="width:100%;height:100%;" src="gallery/Comme_/Al Fardan Jewellery/img.jpg" alt=""/> 
    </div>  

я упускаю что-то?

Answer 1

Попробуйте пройти $val в качестве переменной не строки,

$('#preview').attr('src', $val); 

Answer 2

Если поместить имя переменной в кавычках, то он будет использоваться в качестве строки.

$('#preview').attr('src', $val); 
          ^^^^ 

Answer 3

Удалить цитаты. $val является переменной JavaScript:

$('#preview').attr('src', $val);