How to configure this tab slider

2019-08-09 19:55发布

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)

1条回答
何必那么认真
2楼-- · 2019-08-09 20:32

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
})
查看更多
登录 后发表回答