Javascript 如何使图像显示为移动和旋转?

Javascript 如何使图像显示为移动和旋转?,javascript,css,image,velo,custom-scrolling,Javascript,Css,Image,Velo,Custom Scrolling,如何使我的站点上的图像以类似旋转螺旋的方式旋转/旋转(不确定术语)?当用户滚动时,我希望图像不断改变位置。 这是一个旋转螺旋的链接。() 这里有一个指向我的页面的链接,以说明我正在尝试进行的旋转/旋转。 () 我已经查阅了一些关于用户滚动时图像行为的教程,但我没有找到任何与我需要的完全相同的东西……或者我就是无法让它工作! 我想知道效果是否可以用CSS和JavaScript来实现,或者如果我需要考虑Flash?p> 到目前为止,我主要只是尝试了这个脚本(下面的链接),或者这个脚本的变体=() 到

如何使我的站点上的图像以类似旋转螺旋的方式旋转/旋转(不确定术语)?当用户滚动时,我希望图像不断改变位置。 这是一个旋转螺旋的链接。()

这里有一个指向我的页面的链接,以说明我正在尝试进行的旋转/旋转。 () 我已经查阅了一些关于用户滚动时图像行为的教程,但我没有找到任何与我需要的完全相同的东西……或者我就是无法让它工作! 我想知道效果是否可以用CSS和JavaScript来实现,或者如果我需要考虑Flash?p> 到目前为止,我主要只是尝试了这个脚本(下面的链接),或者这个脚本的变体=() 到目前为止,我遇到了很大的困难。我对javascript不是很熟悉,我总是迷路。我知道HTML、CSS和Photoshop。 有人能帮我找到一个可行的方法或脚本吗?或者至少给我指出正确的方向?仅供参考,我正在使用wix作为我的web编辑器。 谢谢法肖

//要在之间交换的图像数组
var图像=[];
//向数组中添加200项
对于(i=0;i<200;i++){
图像。推送('http://placekitten.com/“+(100+i)+”/“+(100+i));
}
var totalImages=images.length;
var pageHeight=$(文档).height()-$(窗口).height();
//计算更改图像的频率(即在更改之间滚动的距离)
var scrollInterval=数学楼层(页面高度/totalImages);
$(文档)。滚动(函数(){
//在这个滚动点我们应该显示哪一个?
i=Math.floor($(this.scrollTop()/scrollInterval);
//显示阵列中相应的图像
$('img').attr('src',images[i]);
$('b').text('Frame:'+i);
});
img,
b{
位置:固定;
排名:0;
左:0;
}
身体{
高度:10000px;
}


帧:0
是否仅尝试为该图像设置动画,还是具有实际的螺旋效果?也许这可以给我一些想法:如果我需要考虑Flash?不。从来没有。你是直接在页面上写代码还是使用HTML组件?谢谢你的回复。米斯塔-螺旋的想法是类似的,除了我不希望屏幕滚动在所有。当用户滚动时,螺旋线将旋转,但页面将保持静止?。。。下面是一个.gif示例,说明我正在努力实现的目标。是的,我相信我将需要使用和html组件,但如果有一种方法在Wix上做它没有一个我是游戏。