JavaScript滑动图像库 - 没有jQuery

有没有人有任何提示制作纯JS图像滑块？我希望在每张图像后暂停，并在浏览完所有图像后重新启动。所有我能找到的都是jQuery插件，我期待着只用JS来做到这一点。JavaScript滑动图像库 - 没有jQuery

2012-08-12 user1571935

问题是，我们更擅长解决您*具有的特定问题，并不擅长预计您在开始实施解决方案时可能遇到的问题。我很抱歉，但我认为你会做得更好，开始建设一些东西，然后在遇到可能会遇到的问题时再回来。噢，这里是[常见问题]（http://stackoverflow.com/faq#questions），用于指导我们倾向于接受的问题，以及[我们不这样做]（http://stackoverflow.com/FAQ＃dontask）。 – 2012-08-12 23:25:01

你可能会看到[这个小提琴]（http://jsfiddle.net/AZJzz/4/）并找出它。强调后者。 – 2012-08-12 23:34:01

感谢您对如何解决这个问题的意见。对不起，延迟和作为noob大声笑，打了一段时间的书，并提出了类似于下面的东西，但没有下划线变量;还没有完全了解这些。 – user1571935 2012-12-11 16:39:37

我会去是这样的：

var sliderTool = { 
    _totalItems : 0, 
    _visibleItems : 6, 
    _currentOffset : 0, 
    _timeout : null, 
    next : function(){ 
     ... 
    }, 
    prev : function(){ 
     ... 
    }, 
    play : function(){ 
     ... 
    }, 
    pause : function(){ 
     ... 
    } 
};

的位置。

每当您设置超时时间，将其保存到_timeout字段中，以便您可以随时clearTimeout（sliderTool._timeout）。 next和prev可以包含动画或只是一个简单的图像替换。您可以为动画添加单独的超时以及幻灯片之间的间隔。

您可以将“add（）”方法添加到sliderTool，并在window.load或“body onload”上添加所有图像，然后运行start（）方法。您也可以在页面加载后动态添加图像

也许还会为自动加载和基本设置添加init（）。

再次，这是一个可能的解决方案的基本草案。一旦你跑步，你可能会遇到更具体的问题。总体而言，作为一种方法，我建议在请求一般性建议之前尝试提出一些解决方案;）

来源

2012-08-12 23:33:19 galchen

Galchen，谢谢你回复我的问题。对不起，我之前没有回复，我花了很多时间在JS书籍中，并且实际上以与您演示的类似的形式提供了幻灯片脚本。我还没有看到或阅读过有关使用带变量的下划线的问题。我得看看它。 – user1571935 2012-12-11 16:42:39

JavaScript滑动图像库 - 没有jQuery

回答

相关问题