jQuery的全面的背景画廊

Question

我不知道我怎样才能形容我想要什么，但作为一个总结，我可以说，我需要做的是这样that使用jQuery。当我点击一张图片时，我会展示它的一个大版本。可能吗？任何插件或样本建议？

我发现了一个插件，名为smoothdivscroll但它只是滚动垂直。所以目前这对我来说毫无用处。

感谢您的帮助

Answer 1

像这样的东西可以帮助作为一个起点。

你只需要一个绝对层和克隆添加到图像点击。

mouseMove gallery jsFiddle

的jQuery：

$(window).load(function(){ 
// roXon mmGallery 
var mmGalSpeed = 10; // set gallery damping 
var xSlider = $("#slider"); 
var posX = 0; 
var sumW = 0; 

$('#slider img').each(function(){ 
    sumW += $(this).outerWidth(true); 
    xSlider.width(sumW+3); 
}); 

wDiff1 = $('#gallery_container').outerWidth(true); 
wDiff2 = xSlider.width(); 
wDiff = ((wDiff2/wDiff1)-1).toFixed(2); 

mouseX = 0; 
$("#gallery_container").mousemove(function(e) { 
    mouseX = (e.pageX - $(this).offset().left); 
}); 


setInterval(function(){ // zeno's paradox equation // "catching delay" 
    posX += (mouseX - posX)/mmGalSpeed; 
    xSlider.css({left: '-'+Math.round(posX * wDiff) +'px' }); // instead 'marginLeft' use 'left' for absolute pos. #mmGallery 
}, 10); 

});