我怎样才能实现这个惊人的幻灯片放映

how can I achieve this amazing slide show?

本文关键字：幻灯片实现更新时间：2023-09-26

我非常熟悉HTML，CSS，Javascript和JQuery，我如何才能实现他们在网站上拥有的这张令人惊叹的幻灯片，其中背景褪色，而幻灯片上的主要元素从侧面进入（元素表示图片）。

网站： http://www.scorpiondesign.com/

如果你想使用 jQueryUI 效果，那么你可以很容易地做到这一点，你需要在每张幻灯片中有 png 图像和你想要的任何 html，并将该幻灯片显示设置为 none，外部滑块必须具有溢出属性才能隐藏，现在你可以简单地使用这个来滑动图像：

$(".thumb1").click(function(){
     $('#slide1').show('slide', {direction: 'left'}, 1000);     
});

.thumb1幻灯片 1 的缩略图，您可以使用任意数量的缩略图，并且必须相应地修改 jquery。 #slide1包含要滑动的所有 html 元素。

看起来背景淡入淡出是由JavaScript控制的，所有其他元素都是具有透明背景的png，其动画也由javascript控制

。