Css 苹果风格画廊-图像视差缓解

我希望重新创建一个图库，就像iPhone6S图像库演示中的一个一样。我喜欢他们如何创建一个不同大小的图像块，当你滚动时，图像会慢慢滚动

我创建了一个类似于示例的图像库，但我不确定如何：

1） 重新创建图像滚动时的视差

2） 加载时使所有图像淡入淡入

有人能帮忙吗

---

有几种方法可以做到这一点

您可以使用视差效果、变换/平移或

$('#outer').bind('mousewheel', function (e) {
if (!(e.originalEvent.wheelDelta == 120))

完整功能在链接中

现在，对于加载时图片中的淡入淡出（您也可以在滚动时进行），这取决于您是否愿意，并且可以使用jQuery，因为它是最简单的

$(window).load(function(){
$('img').not(':visible').fadeIn(1000);
});

function makeVisible() {
$('img').load(function () {
    $(this).fadeIn(1000);
});
});

makeVisible();

---

这只是一个大致的方向，有不止一种方法可以做到这一点，我已经列出了对我来说最简单的方法。

有几种方法可以做到这一点

您可以使用视差效果、变换/平移或

$('#outer').bind('mousewheel', function (e) {
if (!(e.originalEvent.wheelDelta == 120))

完整功能在链接中

现在，对于加载时图片中的淡入淡出（您也可以在滚动时进行），这取决于您是否愿意，并且可以使用jQuery，因为它是最简单的

$(window).load(function(){
$('img').not(':visible').fadeIn(1000);
});

function makeVisible() {
$('img').load(function () {
    $(this).fadeIn(1000);
});
});

makeVisible();

这只是一个大致的方向，有不止一种方法可以做到这一点，我已经列出了对我来说最简单的方法