如何配置此选项卡滑块 [英] How to configure this tab slider

问题描述

尴尬的展示很棒.

但是如何将button-wrapper移到顶部，而不是数字，请使用自定义标题. 这些选项似乎都没有设置这个东西.所以我想我需要更改JavaScript文件.

如您在此处看到的: http://showcase.awkwardgroup.com/数字(1,2 ，3,4 ...)位于底部，我想要它们，并加上一个更好的名称，例如:狗，猫，鱼，...

---

解决方案: http://jsfiddle.net/h5pSQ/1/embedded/result/

---

修改: 现在完成了，我需要禁用动画(它不会滑动，只隐藏当前动画并显示下一个动画)

解决方案

我已经编辑了插件，这是小提琴 http://jsfiddle.net/Ss6F5/3/.
使用CSS可以轻松地将按钮编号移到顶部，但是我是在js本身中完成的.
您可以将"btn_values"属性中的按钮名称作为数组传递给选项哈希.

$("#showcase").awShowcase({
        btn_values : ["one", "two"],//button names that you want to use instead of numbers
        content_width:          700,
        content_height:         470,
        fit_to_parent:          false
})

Awkward Showcase is awesome.

But how can I move the button-wrapper to the top, and instead of numbers, use custom titles. None of the options seems to set this things. So I guess I need to change the JavaScript files.

As you see here: http://showcase.awkwardgroup.com/ the numbers (1,2,3,4...) are on the bottom, I want them up, and put a better name like: Dog, Cat, Fish, ...

---

Solution: http://jsfiddle.net/h5pSQ/1/embedded/result/

---

Edit: Now that it is done, I need to disable the animation (That it doesn't slide, just hide the current and show the next one)

解决方案

I have edited the plugin, here is the fiddle http://jsfiddle.net/Ss6F5/3/.
Moving the button numbers to the top can be easily done with css, but i did it in the js itself.
You can pass the button names in the "btn_values" attribute as array in the option hash.

$("#showcase").awShowcase({
        btn_values : ["one", "two"],//button names that you want to use instead of numbers
        content_width:          700,
        content_height:         470,
        fit_to_parent:          false
})

这篇关于如何配置此选项卡滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！