[karakym]

Есть ссылка вида:

<a href="#targc" class="image image-full">Детальней</a>

Есть блок который отображается по нажатию на ссылке:

<div id="targc">
        <a href="#" class="close"></a>
        <iframe name="link1" id="ifrm" src="eldef.html"></iframe>
      </div>

С помощью вот таких вот стилей:

<style>#targc {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: 0.5s;
  z-index: 999;
}
#targc:target {
  pointer-events: all;
  opacity: 1;
}
#targc #ifrm {
  position: absolute;
  overflow: hidden;
  display: block;
  padding: 0;
  line-height: 1.8;
  width: 70%;
  height: 70%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
  background: white;
  color: #34495E;
}
#targc a.close {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.8;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}
#targc a.close:hover {
  opacity: 0.4;
}</style>

Мне нужно переделать его так, что бы по нажатию на ссылку происходило событие таргета блока, а href="" передавал в src="" фрейма ссылку. Ну и открывал соб-сно блок как и прежде.