Question

我在我的网站上使用了一个广告服务器。所有添加都使用iframe，我试图在iframe中定位img（第一个宽度= 728＆amp; height = 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

1 个答案: