0

我有一些图像,当单击其中任何一个时,会出现中等大小的图像,当单击中等大小时,它应该使用漂亮的照片加载大尺寸,但是在单击任何小照片以加载中等图像并单击之后,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>

完整代码下载http://www.mediafire.com/?xd97aonsjz3oyc0

http://jsfiddle.net/frTAY/3/

4

1 回答 1

0

您有语法错误。这是要使用的正确代码:

$(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);  
    });
});
于 2013-06-28T20:35:10.473 回答