I am using the bxslider in my responsive design. When I use the touch/swipe by my phone the slider slides correctly to the next two slides. This happens as well when you slide a bit too far.
I am wondering if it is possible to disable this function and to be able to slide free as you position the slides by yourself or a way to slide quickly to the last slide?
Related
hi I have a slider in revolution slider that is vertical slider and I want it work like usual page and when users scroll the page it change slides but it only changes slides when the mouse is in the slider area. And with window scrollbar doesn't do anything and stops. how can I do this? maybe some javascript code is needed or what?
I tried the scroll options in revolution slider(window,body,both) but it doesn't change
I'm currently using iDangerous's Swiper plugin for jQuery. When it gets to the last slide, the only options seem to be to loop to the first slide (loop:true) or don't allow any swiping (loop:false). Does anyone know how to force it to allow swiping of the last slide off the screen, while not showing another slide?
Documentation:
http://www.idangero.us/swiper/api/#.VXWXU89VhBc
Maybe I've missed something?
Put a "blank" (opacity: 0 / visibility:hidden) slide at the end so you have the appearance of the last slide disappearing.
I've recently implemented flexslider for a full screen slideshow effect.
www.ianandtaylor.com
I had to implement some hackarounds to get vertical scrolling for flexslider slide content, however the scroll wheel doesn't appear to always work when I attempt to scroll. Touch and keyboard scrolling seem just fine, but the scroll wheel is very inconsistent. Sometimes, if I go into my inspection tool and flip some CSS rule on or off for the slide element, the scrolling starts working fine (not sure why).
Ultimately, I just want to have a simple, easy scroll working on the Engagement Photos and Location & Event details slides.
Any help here would be most appreciated.
As i understand it, you want it to slide vertical when you scroll.
That can give some complications with the gallery you have, so when you
scroll it will either stop sliding when you reach the gallery or it will
just continue and disable the scrolling through gallery.
I have a typical twitter bootstrap carousel with 4 images. I want to change the slide direction in such a way that the first image slides left, the second slides up, the third slides down and the last one slides right. How can I achieve this? Any help is appreciated!
I am using jQuery to slide through some images.
The slide animation is achieved using:
$('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition)});
This works fine, however when I reach the final image, and it loops back to the start, this animation will quickly slide through all of the previous elements to display the first (obviously because I am suddenly reducing the left margin).
What code would I need to write in order to allow the transition from last image back to first image to continue being a LEFT slide animation, displaying only the transition from last slide to first (without showing all other slides).
To make things a little more complex, I have left/right buttons allowing the user to move forward/backwards through the slider. These work fine, but it does mean that the solution cannot break these buttons.
Thank you.