2015-05-29 125 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