使用jquery更改iframe內的img大小

Question

我在我的網站上使用了一個廣告服務器。 所有添加都使用iframe，我試圖在iframe中定位img（第一個寬度= 728和高度= 90）以更改其大小（寬度和高度）。 我已經能夠瞄准身體（改變它的背景顏色來測試），但是我不能將圖像作為目標來改變它的大小。 這里是iframe代碼，我需要定位iframe對象，而不是iframe類，因為類每次都會更改。

<div class="insert_pub">
  <iframe id="a0811af3" width="" height="90" frameborder="0" scrolling="no" src="/www/delivery/afr.php?zoneid=3&cb=INSERT_RANDOM_NUMBER_HERE" name="a0811af3">
    #document
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
      <head></head>
      <body>
        <a href="/www/delivery/ck.php?oaparams=2__bannerid=212__zoneid=3__cb=9b2dbdb22f__oadest=http%3A%2F%2Fthebayfestival.fr%2F" target="_blank">
          <img src="/www/images/c34d3222b19118f97aa99e76310c70fe.jpg" alt="" title="" height="90" border="0" width="728">
        </a>
        <div id="beacon_9b2dbdb22f" style="position: absolute; left: 0px; top: 0px; visibility: hidden;">
          <img src="/www/delivery/lg.php?bannerid=212&amp;campaignid=176&amp;zoneid=3&amp;loc=http%3A%2F%2Fwww.mmdwc.com%2Fmagazine%2F&amp;cb=9b2dbdb22f" alt="" style="width: 0px; height: 0px;" height="0" width="0">
        </div>
      </body>
    </html>
  </iframe>
</div>

這是我嘗試過的，但它不起作用：

function iframe_insert_size() {
  $(".insert_pub iframe").contents().find("img").css({"width":624, "height" : 77});
}

Answer 1

您可以使用下一句話訪問您的iFrame：

<script type="text/javascript">


        $(document).ready(function () {

                 $("#a0811af3").on('load', function () {

 $("#a0811af3").contents().find("your image").on("click", function (e) {

              });
       });
});

當您單擊圖像內部時，此案例有效。 這很嚴格嗎？這是你需要的嗎？

使用jquery更改iframe內的img大小

問題描述

1 個解決方案

解決方案1
3 2015-05-29 12:10:35

使用jquery更改iframe內的img大小

問題描述

1 個解決方案

解決方案1 3 2015-05-29 12:10:35

解決方案1
3 2015-05-29 12:10:35