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

Question

我非常熟悉HTML，CSS，Javascript和JQuery如何在他们的网站上实现这个惊人的幻灯片，其中背景消失，而幻灯片上的主要元素从侧面进入（元素意味着图片）。

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

Answer 1

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

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

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

Answer 2

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