@greenzlat

В JS удаляются все слеши пути картинки. Как сформировать переменную?

Суть в следующем: Есть изображения - при клике на них - открывается модальное окно 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]
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ответы на вопрос 1
@AleksRap
var printcode = ('<span onclick="coloPrint(\"' + item_id + '\")">Печать</span>')


заменить на

const printcode = `<span onclick="coloPrint('../${item_id}/1.jpg');">Печать</span>`
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы