是否可以加載爲一個src = ..一個鏈接放在前一個href =？

Question

我有很多鏈接被列入我的網站的各種表格中，那些在iframe中有一個預覽會以彈出的方式打開，這樣做很好，但是如果我只將鏈接放到一個鏈接而沒有必要，它會更容易重複上的iframe，鏈接被寫成如下：

<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和它的效果，如果它可以是有幫助的代碼部分：包含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：

旋轉舵

.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>標籤在您的標題中嵌入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>