scrollr - 以全宽度大小的伪固定图像比率进行视差滚动

时间:2016-06-15 16:36:25

标签: javascript php css parallax image-resizing

我根据Petr Tichy非常好的教程构建了我的第一个视差网站。我推荐它(https://ihatetomatoes.net)。

这是我的新网站。我们的想法是使用全宽度的改变透视图像为这个新项目获得一个有吸引力的介绍。 http://www.ticket2ut...Alpha/zHome.php

我已经花了好几个小时阅读了很多文章和教程......但我仍然特别想要以某种方式控制图像的比例。它们必须始终是整页,但根据浏览器窗口的宽度,我会对高度应用一定的校正。由于整个项目是关于改变你的观点,并且......它很棒...... IMO。

但是,当浏览器窗口为正方形或高于宽度时,我想更改图片的高度。我尝试了很多不同的东西......但没有任何作用。问题是必须修复背景附件以使用视差,我无法改变它。目前我只是将浏览器窗口调整为图像的比例(16/9),但这根本不理想。我在浏览器窗口很宽的时候控制了这种情况,但是在这种情况下我并不想强制图像以其精确的比例开始。

我怎样才能做到这一点?

页面底部还有一个部分(#20 - 视觉冥想),我无法正确控制......文本框应该稍后淡入淡出。我使用了代码:data-100-top =" opacity:1"数据中心="不透明度:1" data-center-top ="不透明度:0"数据 - 100-bottom ="不透明度:0;"数据锚目标="#滑动-20&#34 ;.应该更改哪些内容以便在框中显示文本并保持更长时间?

保罗开普敦的问候

0 个答案:

没有答案