使用 jQuery 的背景图像幻灯片

发布于 2024-10-21 14:39:20 字数 240 浏览 4 评论 0原文

我正在尝试设置一个杂耍,就像在这个网站上所做的那样:http://www.vvvterschelling.nl/

我的问题是:

  1. 如何实现与网站标题中的后台链接的杂耍?

  2. 如何在背景图像的拐角处获得这种漂亮的模糊和淡出效果?

I'm trying to set up a sideshow like it's done on this site: http://www.vvvterschelling.nl/

My questions are:

  1. How do I actualize the sideshow in the background linked with the one in the site header?

  2. How to get this nice blur and fadeout effect around the corner of the background image?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

后来的我们 2024-10-28 14:39:20

2 个图像的淡入淡出需要 2 个 DIV。您显示了一个 DIV,然后淡入新的 DIV 覆盖它,或者淡出旧的 DIV 覆盖新的 DIV。标题和背景是使用相同的技术制作的,但可能使用 IMG 标签,因为它是可调整大小的。要使其协同工作,只需使用:

$('#newHeader, #newBackground').fadeIn();

背景模糊是在图形程序(例如 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:

$('#newHeader, #newBackground').fadeIn();

Blur of background is prepared before in a graphics program, like Photoshop or something.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文