EasySlider 1.7 - How to move the number buttons on to the image?

问题

I've just discovered EasySlider, and it's great. But I can't seem to find anywhere that describes how to move the number buttons from under the slider so that they are instead on the slider.

Can anyone suggest how this can be acheived?

Thanks.

回答1:

just to make you clear, I achieved the following result --

http://i55.tinypic.com/x2q8ie.jpg

with the following edits in the css for ol#controls --

http://i52.tinypic.com/1tqzyq.jpg

adding an !important as nima suggested will ensure that your custom styles override the default styles of easyslider.

回答2:

You can take its control via CSS the target is ol#controls
If you add this to your stylesheet it will move the numbers on the slider:

ol#controls { margin: -30px 0 0 0 !important; } 

来源：https://stackoverflow.com/questions/7377561/easyslider-1-7-how-to-move-the-number-buttons-on-to-the-image