2015-05-29 54 views
3

我在我的网站上使用广告服务器。一切都增加使用iframe和我试图定位的iframe内的IMG(第一个与宽度= 728 &高度= 90),以改变其尺寸(宽度&高度)。 我已经能够定位身体(改变它的背景颜色来测试),但我无法定位图像来改变它的大小。 这里是iframe代码,我需要定位iframe对象,而不是iframe类,因为类每次都会更改。在iframe中用jquery更改img大小

<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}); 
} 
+0

你甚至运行的功能? –

+0

是的,我当然 – mmdwc

回答

3

你的存取权限与下一句你的iFrame:

<script type="text/javascript"> 


     $(document).ready(function() { 

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

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

       }); 
     }); 
}); 

当你做这个工程案例它在图像内点击。 这是什么?这是你需要的吗?

+0

的,我需要的图像上的负载来调整大小,点击不是当了,我不能指定iframe的ID,因为它会改变,我需要针对所有I帧 – mmdwc

+1

看变化。 ..不工作呢? – Lewis

+0

还有一个点击功能,我需要更改CSS而不必点击 – mmdwc