Jquery完整的背景画廊

Question

我不知道如何描述我想要的内容，但作为总结，我可以说我需要使用JQuery做that之类的事情。当我点击图片时，我会展示它的大版本。可能吗？任何插件或样品建议？

我找到了一个名为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); 

});