2014-01-19 57 views
1

Awkward Showcase太棒了。如何配置此選項卡滑塊

但是我怎樣才能將button-wrapper移動到頂端,而不是數字,使用自定義標題。 沒有任何選項似乎設置這個東西。所以我想我需要更改JavaScript文件。

正如你在這裏看到的那樣:http://showcase.awkwardgroup.com/數字(1,2,3,4 ...)在底部,我想要它們,並且放一個更好的名字,如:狗,貓,魚,...


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


編輯: 現在,它正在做的,我需要禁用動畫(那它doesn」 t幻燈片,只是隱藏當前和顯示下一個)

+0

我會嘗試用這個CSS修改:http://showcase.awkwardgroup.com/index3.html(隱藏圖像,離開字幕,把它們頂部) – sinisake

+1

@nevermind謝謝你,但我一個noob,並且不太瞭解css,jquery,...你能給我另一個提示嗎?例如 –

+0

打開頁面Firefox,使用工具 - > web開發人員 - > inspector檢查css是否需要修改元素...嘗試根據您的需要修改css ... css mods比jquery mods更容易,當然,嘗試一些東西併發布一些代碼+ jsfiddle,當你卡住了... – sinisake

回答

1

我編輯了插件,這裏是小提琴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 
}) 
+1

謝謝。我剛剛做到了,我用假裝(陳列櫃)和一個數組填寫名稱。和你很相似。 一個問題是,對源代碼的修改是否可以接受?,是否有更好的方法讓另一個文件繼承? –

+0

您可以修改代碼並在應用程序中使用它,但是擁有另一個繼承的文件會更好。 – suren

+1

是的,那會更好。 有一個問題:你的版本有一個縮略圖,但我不需要它,你可以從你的JSFiddle中刪除它嗎? –