2013-06-28 77 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>