2010-11-19 66 views
1

我有以下功能:jQuery用戶界面:對話框後jQuery的對話框內更新圖像源已被打開

function imageSwap(imgPath){ 
    jQuery("#bigimage").attr("src", imgPath); 

} 

這是由叫做:

<a href="#" onmouseover="imageSwap('images/upload_pic/resize_<?php echo $image->image;?>')"> 
<img src="images/upload_pic/thumbnail_<?php echo $image->image; ?>" border="0"> 
</a> 

的基本思想是,當你將鼠標懸停縮略圖,它調用替換圖像元素「bigimage」的src的功能「

<div class="popup_image"> 
    <img src="images/upload_pic/resize_<?php echo $bigimage; ?>" id="bigimage"> 
</div> 

到目前爲止,它w在正常的HTML中運行。

問題是,我有這裏面的jQuery UI .dialog。

然後它不更新「bigimage」

任何想法?

謝謝你們

+0

可能是因爲它在iframe中,並且對#bigimage的引用不在其範圍內? – Orbling 2010-11-19 15:43:50

回答

0

可能是因爲它的iframe和參考#bigimage是不是在它的範圍是什麼?

使用

function imageSwap(imgPath){ 
    jQuery("#bigimage", window.parent.document).attr("src", imgPath); 

} 

提供的代碼是從iframe中訪問的嘗試,你可能必須移動得使。

+0

裝飾:偉大的,謝謝你的隊友,這是一種魅力。 – Jacques 2010-11-19 15:56:45