jQuery在4个方向上进行全屏幻灯片放映

简单的问题，但答案可能更难。我无法计算出这个网站的效果。这是一个反应灵敏的全屏演示。还有scrollTo插件，现在已经不可用了，所以我正在寻找替代方案，因为我不确定这是否是导致效果的原因，即使是，如果你需要更多的插件。

你可以成为一个忍者，使用cycle插件，然后使用scroll up、down、left right，使用页面大小的div和固定位置的按钮。这需要jQuery库

---

好主意因此，一个正常的上下滚动，每个上下滚动都有上一个和下一个，但正如我说的，你肯定是一个忍者。

你可以是一个忍者，使用cycle插件，然后使用上下左右滚动，使用页面大小的div和固定位置的按钮。这需要jQuery库

---

好主意因此，一个正常的上下滚动，每个上下滚动都有上一个和下一个，但正如我所说的，你肯定是一个忍者。

对于图像的大小调整，他们使用一个脚本来监听

调整大小

事件

$(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");
 });

$（窗口）。调整大小（函数（）{
var top_target='#work'+当前_部分；
变量$main=$（“#main”）；
$main.scrollTo（顶级目标）；
var i=0；
对于（i=0；i=900）{
图像高度=900；
图像宽度=1350；
}
否则{
图像高度=我的高度；
图像宽度=图像高度*1.5；
}
//设置图像偏移
变量$imgcont=$（'.imgcontainer'）；
$imgcont.css（'width'，+图像宽度）；
$imgcont.css（'margin-top'，+图像高度/-2+“px”）；
$imgcont.css（'margin-left'，+图像宽度/-2+“px”）；
});

对于图像的大小调整，他们使用一个脚本来侦听

调整大小

事件

$(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");
 });

$（窗口）。调整大小（函数（）{
var top_target='#work'+当前_部分；
变量$main=$（“#main”）；
$main.scrollTo（顶级目标）；
var i=0；
对于（i=0；i=900）{
图像高度=900；
图像宽度=1350；
}
否则{
图像高度=我的高度；
图像宽度=图像高度*1.5；
}
//设置图像偏移
变量$imgcont=$（'.imgcontainer'）；
$imgcont.css（'width'，+图像宽度）；
$imgcont.css（'margin-top'，+图像高度/-2+“px”）；
$imgcont.css（'margin-left'，+图像宽度/-2+“px”）；
});