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

Question

<分区>

Answer 1

如果你愿意使用 jQueryUI 效果，那么你可以很容易地做到这一点，你需要在每张幻灯片中有 png 图像和任何你想要的 html，并将该幻灯片显示设置为无，外部 slider 必须有溢出属性隐藏，现在您可以简单地使用以下方式滑动图像:

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

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