jQuery全屏幻燈片在4個方向

Question

簡單的問題，但答案可能會更難。我無法在這個http://www.socketstudios.com/網站上找到效果。它是bascialy響應和全屏演示。有scrollTo插件，這是不可複製的，所以我正在尋找替代品，因爲我不知道這是什麼原因造成的影響，即使是，如果你需要更多的插件。

Answer 1

爲了調整圖像大小，他們正在使用腳本來偵聽resize事件。

$(window).resize(function() {    
var top_target = '#work'+current_section; 
var $main = $('#main'); 
$main.scrollTo(top_target); 

var i=0; 
    for (i=0;i<=15;i++) 
    { 
    var $container = $('#work'+i); 
    var left_target = '#workcontent1'; 
    $container.scrollTo(left_target); 
    } 


var left_target = '#workcontent'+current_image; 
var $work_container = $('#work'+current_section); 
$work_container.scrollTo(left_target); 

// Get Window Size 

var myWidth = 0, myHeight = 0; 

myWidth = $(window).width(); 
myHeight = $(window).height(); 

if(myHeight >= 900){ 
    image_height = 900; 
    image_width = 1350; 
} 
else{ 
    image_height = myHeight; 
    image_width = image_height * 1.5; 
} 

// Set Image Offset 

var $imgcont = $('.imgcontainer'); 

$imgcont.css('width', +image_width); 
    $imgcont.css('margin-top', +image_height/-2 + "px"); 
$imgcont.css('margin-left', +image_width/-2 + "px"); 
}); 

Answer 2

你可能是一個忍者，並使用循環插件，然後使用向上，向下，向左滾動，div與頁面的大小和按鈕在一個固定的位置。這需要一個jQuery庫。

http://jquery.malsup.com/cycle/int2.html

非常酷的想法！ ：D所以一個正常的上下滾動，每個上下都有上下兩個，但正如我所說的，你肯定會成爲一個忍者。