添加导航控件使用JavaScript幻灯片画廊只有

我有一个幻灯片库，因此当你点击一个缩略图，它检索缩略图图像参考，并显示在主面板。添加导航控件使用JavaScript幻灯片画廊只有

现在我已经添加导航控件，但我不知道怎样彻底线它，这样，如果你点击下一步/以前它通过导航的缩略图，并突出了一个你在。

代码太长，粘贴在这里，但这里是小提琴：

PS：JavaScript的唯一，没有jQuery的。

2011-11-07 calebo

我重新编写了代码并使其工作here。我会推荐重构你的代码来清理它。我想说创建保存图像的URL对象的数组和标题：

var objArray, obj; 
for(var i = 0 ....) { 
    obj = { 
     url : "http://foobar.com/foo.png", 
     caption : "Caption" 
    }; 
    objArray.push(obj); 
} 
// then index with 
var currObj = objArray[current]; // where 'current' is the variable you are using for state

基本上我所做的是将一些代码出来bindImage，进入一个名为“设置”功能（你可能想重命名这个）。我还评论了你删除锚的href的行。

来源

2011-11-10 00:53:47

嗨约翰你的jsfiddle的链接似乎被打破。 – calebo

糟糕。不知道那里发生了什么。现在已经修复了。 –

注释掉顶部函数中的'remove anchor href'会打破缩略图点击功能。任何方式来避免这种情况？ – calebo

我要给你滑块的例子，你可以立足解决方案（或者甚至改变）时。

的例子（JSFiddle）是向左或向右移动<div>元素滑块的，但你可以看到如何做的单击事件的结合。

希望有所帮助。随意提出后续问题。

来源

2011-11-07 04:05:55 ZenMaster

添加导航控件使用JavaScript幻灯片画廊只有

回答

相关问题