Prettyphoto在页面开始横向1page网站加载

时间:2011-07-13 09:10:37

标签: jquery html css overlay lightbox

我目前正在将PrettyPhoto应用于横向1页网站: http://www.basenharald.nl/3d(点击我正在谈论的部分的照片和视频)

在某种程度上,脚本可以正常工作。 如果您单击第一张照片(只有一张照片),您会注意到某些事情正在发生。 实际发生的是在页面开头加载照片的叠加层(滚动方式向左开始看到它)

如何制作图像以使图像在当前位置显示为叠加效果?

脚本可以在http://www.basenharald.nl/3d/js/scripts.js找到,但它已缩小(由于某种原因,未压缩的版本无法下载)

帮助将不胜感激

2 个答案:

答案 0 :(得分:2)

通过简单地添加这行css来找到答案:

div.light_rounded, div.dark_rounded, div.facebook, 
div.light_square, div.dark_square, div.pp_overlay { position: fixed; }

认为在这里为其他人回答它会很好

答案 1 :(得分:0)

您好我在这个问题上为您提供了额外的帮助。

虽然您解决了使正确的内容出现在正确位置的问题,但您仍然在页面底部有一个水平滚动条。我假设你真的不想要这个,因为它看起来很难看,而你想要的导航是你的页脚中的八个链接,它们使用javascript将页面滚动到正确的屏幕。

要摆脱仍然留下的水平滚动条,您需要做的就是添加以下样式:

body {
    overflow-x: hidden;
}

希望这有助于最终确定您的解决方案。