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); 

});