Question

我读过“jquery基础知识”，这似乎是启动o jquery的热门推荐。我也是一个业余但是相当舒服的html和css用户。我已经去了jquery页面，并期待我找到一个插件来换一个图像，但该网站说这个部分正在重新开发。

我应该从哪里开始？我应该考虑哪些方法？作为JS和jquery的完全新手，我应该自己尝试这样做还是最初调整别人的工作？

我正在构建一个简单的网站，其中主页的主图像需要每隔几秒更改一次，以显示总共约4或5张图像。

有人请指出我正确的方向吗？

Answer 1

如果您不想使用插件，但想要使用某些代码来实际学习某些内容，那么这可能会对您有所帮助。只需用您的图像选择器替换'.home-page-images'并看到魔法发生 - 图像将每5秒更改一次并在1秒内淡入：

$(function(){

var elements = $('.home-page-images');
var counter = 0;

if( elements.length > 1 ){
    elements.hide();
    elements.first().show();
    setInterval(function() {
        elements.eq(counter).fadeOut('slow');
         counter++;
         if (counter == elements.length) {
             counter = 0;
         }
        elements.eq(counter).fadeIn(1000);
    }, 5000);
}
})

请注意，为此，您需要输出所有图像，使用CSS将它们放在另一个上面。然后JS会处理其余的事情。

此外，这有助于您了解setInterval的工作原理： http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

我的第一个jquery - 我在哪里开始在主页面上旋转图像？

1 个答案: