使用 jQuery 的背景图像幻灯片
我正在尝试设置一个杂耍,就像在这个网站上所做的那样:http://www.vvvterschelling.nl/
我的问题是:
如何实现与网站标题中的后台链接的杂耍?
如何在背景图像的拐角处获得这种漂亮的模糊和淡出效果?
I'm trying to set up a sideshow like it's done on this site: http://www.vvvterschelling.nl/
My questions are:
How do I actualize the sideshow in the background linked with the one in the site header?
How to get this nice blur and fadeout effect around the corner of the background image?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
2 个图像的淡入淡出需要 2 个 DIV。您显示了一个 DIV,然后淡入新的 DIV 覆盖它,或者淡出旧的 DIV 覆盖新的 DIV。标题和背景是使用相同的技术制作的,但可能使用 IMG 标签,因为它是可调整大小的。要使其协同工作,只需使用:
背景模糊是在图形程序(例如 Photoshop 等)中预先准备好的。
Fading with 2 images needs 2 DIVs. You got one displayed DIV, then fadeIn new one over it, or fadeOut old one over new one. Header and background are made using same technique, but probably using IMG tag, since it is resizable. To make it work together, just use:
Blur of background is prepared before in a graphics program, like Photoshop or something.