Я пытаюсь заставить фоновое изображение меняться каждые 6 секунд, и это всегда ошибка 404:

Например, ниже отображается в консоли JS

http://localhost:3000/app/assets/images/ggb_mist.png 404 (Not Found) 

Чтобы упростить это, я просто попробовалbackground-color чтобы убедиться, что это работает. Увидеть ниже:

$(document).ready(function() {
  function testing() {
    $('.holder').css('background-color', 'red');
  };
});

Выше работает. Теперь, когда я пытаюсь сделать то же самое с изображением (которое находится вapp/assets/images/imagefilenamehere.png Я всегда получаю ошибку 404. Я пробовал:

filenamehere.png
../assets/images/filenamehere.png
../app/assets/images/filenamehere.png
../images/filenamehere.png

Почему не работает ниже?

$('.holder').css({'backgroundImage':'../assets/images/filenamehere.png'});

Любой вклад по этому вопросу приветствуется.