2013-06-28 41 views
0

我有chained selects加載與prettyphoto鏈接的圖像縮略圖。強制prettyPhoto刷新內容時動態變化

初始化過程中顯然prettyphoto只能看到第一選擇鏈的,所以我應該重新初始化它每一次選擇加載鏈接! 我試圖調用這些腳本觸發電平變化:他們的

$("a[rel^='prettyPhoto']").prettyPhoto(); 

prettyPhoto.initialize(); 

,但沒有一個工作。 第一個沒有提示,第二個返回錯誤:prettyPhoto未定義!

所有其他圖像不加載dinamically工作正常,請大家幫忙!

回答

0

我錯在我的網頁使用$("a[rel^='prettyPhoto']")選擇,但第一行代碼是刷新prettyphoto腳本的正確途徑。

這是該腳本的一個簡單例子工程

選擇:

<select name="option" onchange="pprefresh()"> 
    <option value="">select option</option> 
    <option value="1">Option ONE!</option> 
    <option value="2">Option TWO!</option> 
    <?php } ?> 
</select> 

加載的圖像:

<a href="mysite.com/images/image.png" title="MyPhoto" rel="prettyPhoto" > 
<img src="mysite.com/images/imagethumb.png" /> 
</a> 

的Javascript PrettyPhoto刷新:

<script> 
$(document).ready(function(){ 
    pprefresh(); 
}); 

function pprefresh(){ 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
} 
</script>