我有一些图像,当单击其中任何一个时,会出现中等大小的图像,当单击中等大小时,它应该使用漂亮的照片加载大尺寸,但是在单击任何小照片以加载中等图像并单击之后,edium image prettyphoto 不起作用,较大的图像作为链接打开
$(document).ready(function(e) {
$(document).on("click",".image a",function(){
var num = $(this).parent().index()+1;
$(".bottom").slideUp(500,',function(){
$(".bottom").html("<a rel='prettyPhoto' href='images/"+num+"_large.jpg'><img src='images/"+num+"_med.jpg'></a>").slideDown(500);
});
});
$("a[rel='prettyPhoto']").prettyPhoto();
});
html
<div class="container">
<div class="top">
<div class="image"><img src="images/1.jpg" alt=""/></div>
<div class="image"><img src="images/2.jpg" alt=""/></div>
<div class="image"><img src="images/3.jpg" alt=""/></div>
</div>
<div class="bottom">
<a href="images/1_large.jpg" rel="prettyPhoto"><img src="images/1_med.jpg" width="640" height="480" alt=""/></a>
</div>
</div>