请推荐:jQuery简单画廊,扩展div和肖像或风景图像

时间:2010-10-31 02:57:22

标签: jquery jquery-selectors image-gallery

我想知道是否有人有任何简单的轻量级jQuery画廊的经验。

我对这个特定项目的要求非常简单,我已经真正尝试推出自己的代码,但这对初学者来说有点令人费解。

我有一个大的div加载初始图像。 随后是任意数量的缩略图图像,其中包含指向各自较大图像的链接。这些图像都具有相似的宽度,但具有不同的高度。

我想点击缩略图,让大图像div淡出图像,将高度设置为新图像(当然是动画),然后淡入新图像。

我已经玩过将不透明度设置为1%来给出这种错觉,因为将不透明度设置为0似乎完全崩溃了div。

它不需要有幻灯片或任何功能,但发生的事情有时主要的div会崩溃。

这是我的代码

$('.clickedimage').click(function() {
var newhref = $(this).attr('href'); // sets the variable for the new link
     var curheight = $('.bigpic').height(); //gets the current height
     $('.bigpic').attr('style', "height:"+curheight+"px" );
     $('#largeimage').fadeOut('slow', function(){
       $('#largeimage').attr('src',newhref);
       $('#largeimage').fadeTo('fast', 0.01, function(){
          var aheight = $('#largeimage').height();
        $('.bigpic').animate({
               height: aheight+'px'
        }, 500, function(){
              $('#largeimage').fadeTo('slow',1);
        });
       });  
    });
    return false; // do not follow through with the links and disable them
});

1 个答案:

答案 0 :(得分:0)