Добавить ярлык к ссылке на изображение

Question

У меня есть этот HTML-фрагмент, который открывает новое окно при нажатии на изображение:

<img src="some_image.jpg" onclick="window.open(this.src)">

Это здорово, но я также хотел бы добавить текст под изображениев дочернем окне, описывающем его содержимое.Достижимо ли это сделать в том же теге родительского окна, как это (однако это не работает)?

1007 *<img src="some_image.jpg" onclick="window.open(this.src).document.body.innerText='The image description'">

Answer 1

Возможно, что-то вроде этого?

function pop(img) {
  var w=window.open('','popup','width='+img.width+',height='+img.height+50);
  if (w) {
    var html ='<div style="text-align:center">'+
              '<img src="'+img.src+'" alt="'+img.getAttribute('alt')+'" /><br>'+
              '<h1>'+img.getAttribute('alt')+'</h1></div>'; 
    w.document.write(html);
    w.document.close(); 
  }
}

с использованием

<img src="some_image.jpg" alt="This is a Moose" onclick="pop(this)" />

Answer 2

Измените onClick для вызова функции, например:

<img src="some_image.jpg" onclick="enlarge(this.src, 'The image description')">

Теперь вот функция:

function enlarge(theSrc, theTxt){
    var myWindow = window.open("", "BigWindow", "width=300,height=300");
    myWindow.document.write("<img src='"+ theSrc +"' /><p>"+ theTxt +"</p>");
    myWindow.document.close();
}