Question

我想知道是否有人有任何简单的轻量级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
});

Answer 1

那里可能有一个bazillllion

http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/

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

1 个答案: