Суть в следующем: Есть изображения - при клике на них - открывается модальное окно fancybox (3 версия) с полноразмерной картинкой. Под этой картинкой кнопка ПЕЧАТЬ, при нажатии на которую открывается новая вкладка и вызывается окно печати.
Вот код маленькой картинки:
<a data-fancybox data-src="#order-popup" href="javascript:;" data-item-id="../images/1.jpg">
<img src="../images/small/1.jpg"/>
</a>
Дальше код модального окна:
<div class="popup" id="order-popup">
<div class="rasimg">тут само изображение</div>
<div class="print_btn"> тут кнопка ПЕЧАТЬ</div>
</div>
Код формирования модального окна:
$("[data-fancybox]").fancybox({
beforeLoad: function(instance, slide) {
var item_id = slide.opts.$orig.data('item-id');
var printcode = ('<span onclick="coloPrint(\"' + item_id + '\")">Печать</span>')
$('.rasimg').html('<img src="' + item_id + '">');
$('.print_btn').html(printcode);
}
});
Переменная printcode - код самой кнопки, по клику которой вызывается функция печати. По сути в .print_btn должно формироваться следующее:
<div class="print_btn">
<span onclick="coloPrint('../images/1.jpg');">Печать</span>
</div>
А по факту в пути картинки убираются все слеши:
<div class="print_btn">
<span onclick="coloPrint('images 1.jpg');">Печать</span>
</div>
Помогите сформировать правильно переменную [code=JavaScript]var printcode[/code]