是否可以加载为 a src= .. a link 放在前面的 a href=？

Question

我在我的网站的各种表格中征募了很多 links，它们在作为弹出窗口打开的 iframe 中有预览，这一切都很好，但如果我把它会更容易link只需要一次，在iframe上不需要重复，link的写法如下：

<td>
<a href="LINK1.html" target="_blank"><img class="imageg" src="img/timon2.png"></a>
        <div class="boxht cint">
          <iframe src="LINK1.html" width = "100%" height = "100%" frameBorder="0" ></iframe>
        </div>
</td>
...
<td>
<a href="LINK2.html" target="_blank"><img class="imageg" src="img/timon2.png"></a>
        <div class="boxht cint">
          <iframe src="LINK2.html" width = "100%" height = "100%" frameBorder="0" ></iframe>
        </div>
</td>

这是鼠标经过旋转方向舵时弹出的iframe的原始页面： http://emmind.net/endogenous_fields_&_mind.html.
下一行是引用 iframe 的代码部分及其效果（如果有帮助的话）：

旋转方向舵：

.imageg {
    position: static;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 25px;
    margin: -0px 0 0 -0px;
    -webkit-animation: spin 8.5s linear infinite;
    -moz-animation: spin 8.5s linear infinite;
    animation: spin 8.5s linear infinite;
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

div包含iframe：

.boxht {
    display: none;
    width: 35%;
    position: fixed;
    z-index: 100;
    top: 16%;
    left: 63%;
    height: 65%;
    padding-bottom: 0px;
    border: 2px solid #dfdfdf;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #ffffbb;
}
a:hover + .boxht {
    display: inline;
}
.boxht:hover {
    display: inline;
}

石子重叠框的效果：

.cint:before,
.cint:after {
    content: "";
    display: block;
    position: absolute;
}
.cint:before {
    bottom: -40px;
    left: -30px;
    height: 79px;
    width: 85px;
    background-image: url(img/piedra2c.png);
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.cint:after {
    top: -42px;
    right: -20px;
    width: 93px;
    height: 80px;
    background-image: url(img/piedra1.png);
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    transform: rotate(-12deg);
}

Answer 1

用 jQuery 很快就完成了（尽管人们是否应该实际使用它来完成这项任务是有争议的，因为它不是很复杂）。通过 <script src> 标签在您的 header 中嵌入 jQuery 的一个版本，您就可以使用此代码段。
作为参考，您可以查找 API docs of jQuery.

// Perform `function` when the page loads
$(function() {
  // Select all `img` tags with class `imageg` that are children of an `a`
  $('a > img.imageg').each(function(i) {
    // Wrap the parent (`a`) into jQuery
    var $href = $(this.parentNode);
    // Generate a new div > iframe and insert it after `a`
    $('<div class="boxht cint"><iframe src="' + $href.attr('href') + '" width="100%" height="100%" frameborder="0"></iframe></div>').insertAfter($href);
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <a href="LINK1.html" target="_blank">
        <img class="imageg" src="img/timon2.png">
      </a>
    </td>
    <td>
      <a href="LINK2.html" target="_blank">
        <img class="imageg" src="img/timon2.png">
      </a>
    </td>
  </tr>
</table>

是否可以加载为 a src= .. a link 放在前面的 a href=？

Is possible to load as a src= .. a link put on a previous a href=?

html

iframe

href

preview

src