Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Show next / prev button only when mouse is on slide. #6

Closed
esunxray opened this issue Nov 28, 2012 · 2 comments
Closed

Show next / prev button only when mouse is on slide. #6

esunxray opened this issue Nov 28, 2012 · 2 comments

Comments

@esunxray
Copy link

This is useful. because it's useless to show next/prev when mouse is out of slide.
Please add this option.

@stevenwanderski
Copy link
Owner

This is very easily achieved using CSS:

.bx-wrapper .bx-controls-direction {
    display: none;
}

.bx-wrapper:hover .bx-controls-direction {
    display: block;
}

I have decided to leave these options out of the slider to keep the file size down, while it is easier and more efficient to achieve this goal with pure CSS as opposed to JS.

I am open to discussing pros and cons of adding this as a setting to the plugin.

@xcelpixel
Copy link

@stevenwanderski
I need controls button (next-prev) outside the slider not overlapped plus they should be responsive. I tried with css position but breaks responsiveness.

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants