0

Немогу догодаться как добавить с помощью javascript'a линк который должен быть прикреплен к картинке. Картинку наимплементировал, немогу догадаться как добавить к картинке tag a. Спасибо

var img = new Image();
var div = document.getElementById('left_column');

img.onload = function() {
  div.appendChild(img);
};

img.src ='https://cdn.deliverio.cz/sampure_temp/img/PBA.jpg';

2 ответа 2

1

var img = new Image();
var div = document.getElementById('left_column');

img.onload = function() {
  var link = document.createElement('a');
  link.href = this.src;
  link.appendChild(img);
  div.appendChild(link);
};

img.src ='https://cdn.deliverio.cz/sampure_temp/img/PBA.jpg';
<div id="left_column"></div>

0

var img = new Image();

var link = document.createElement("a");
img.src ='https://cdn.deliverio.cz/sampure_temp/img/PBA.jpg';
link.href= "#";

link.appendChild(img);
var div = document.getElementById('left_column');

img.onload = function() {
  div.appendChild(link);
};
<div id="left_column"></div>

6
  • Немного не правильно поняли вопрос? немогу догадаться как добавить к картинке tag a. А событие onload асинхронное, без разницы до или после метода вставлять img.src = '' 9 сен 2016 в 11:53
  • @ВасилийБарбашев, внимательно!!!
    – SVE
    9 сен 2016 в 11:54
  • Тогда прошу прощения :))) 9 сен 2016 в 11:55
  • @ВасилийБарбашев, а вообще странно, у меня почему-то сразу не выполнился код, когда img.src = '' стоял после onload
    – SVE
    9 сен 2016 в 11:57
  • а что должно было выполнится? грузить нечего :) ну это если пусто, а так, асинхронный код сработает 100% после всего остального кода, т.к. имеет постоянную задержку, т.е. он выполняется не в момент выполнения 9 сен 2016 в 12:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.