Удаляются слеши в пути

Суть в следующем: Есть изображения - при клике на них - открывается модальное окно fancybox (3 версия) с полноразмерной картинкой. Под этой картинкой кнопка ПЕЧАТЬ, при нажатии на которую открывается новая вкладка и вызывается окно печати.
Вот код маленькой картинки:

HTML:

1. <a data-fancybox data-src="#order-popup" href="javascript:;" data-item-id="../images/1.jpg">
2.             <img src="../images/small/1.jpg"/>
3.           </a>

Дальше код модального окна:

HTML:

1.   <div class="popup" id="order-popup">
2.         <div class="rasimg">тут само изображение</div>
3.     <div class="print_btn"> тут кнопка ПЕЧАТЬ</div>
4.   </div>

Код формирования модального окна:

Код (Javascript):

1.   $("[data-fancybox]").fancybox({
2.     beforeLoad: function(instance, slide) {
3.       var item_id = slide.opts.$orig.data('item-id');
4.       var printcode = ('<span onclick="coloPrint(\"' + item_id + '\")">Печать</span>')
5.       $('.rasimg').html('<img src="' + item_id + '">');
6.       $('.print_btn').html(printcode);
7.     }
8.   });

Переменная printcode - код самой кнопки, по клику которой вызывается функция печати. По сути в .print_btn должно формироваться следующее:

HTML:

1. <div class="print_btn">
2.         <span onclick="coloPrint('../images/1.jpg');">Печать</span>
3.     </div>

А по факту в пути картинки убираются все слеши:

HTML:

1. <div class="print_btn">
2.         <span onclick="coloPrint('images 1.jpg');">Печать</span>
3.     </div>

Помогите сформировать правильно переменную

Код (Javascript):

1. var printcode

 

Там путь картинки. Там все нормально. Так как картинка в модальном отображается нормально. А вот в кнопку не передается. У меня подозрения на правильное использование кавычек при формировании кода onclick ....