Копировани вывод сообщения
 

Как сделать копирование что б выводило сообщение в нутри сайта по середине картинки скопировано и потом проподало сообщение, за ранее большое спасибо

<img  class="btn"​ data-clipboard-text="1234" onclick="alert('Картинка скопирована')"   src="1539980631.6603.jpg" width="18%" style="cursor: pointer;">
                                             <img  class="btn" data-clipboard-text="34234" onclick="alert('Картинка скопирована')" src="/1539980631.6602.jpg" width="18%" style="cursor: pointer;>  
 
<textarea name="test" id="" cols="30" rows="10"></textarea><hr/>

let clipboard = new ClipboardJS('.btn');
 

clipboard.on('success', function(e) {
  console.info('Action:', e.action);
  console.info('Text:', e.text);
  console.info('Trigger:', e.trigger);
});

	$(function () {
	  $('.real-show-hint').on("click", function(e){ 
	  	e = e || window.event; 
	  	e.preventDefault();
	  	var ypos = $(this).offset().top+24;
	  	var xpos = $(this).offset().left;
	  	var RealHint =  $(this).data('hint');
	  	$(RealHint).css('top',ypos);
	  	$(RealHint).css('left',xpos);
	  	$(RealHint).toggle('fast'); 
	  	return; 
	  	});

	  $('.prm-cross').on('click', function(){ 
	  	$(this).parent().hide('fast'); 
	  	return false; 
	  });

	  document.onclick = function(e){ 
	  	if ($(e.target).hasClass('real-hint')==false) 
	  	$('.real-hint').hide('fast');
	  	return;
	  }
	});

например существует некий div элемент

у этого элемента есть свойство display:none

при копировании если получится изменить display:none на display:block, то пользователь увидит сообщение внутри этого блока