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

});