I am using flexslider and Joomla to make a mobile swipe responsive CMS site, however the swipe angle required to change from slide to slide is too sensitive. More often than not vertical swiping through the content will activate a horizontal slide. Anyone worked with this and/or have any clue where in the js script i can change the limits of horizontal swiping? Thanks in advance!!
I recently encountered the same problem and was able to resolve it with this fix:
https://github.com/wearebully/JS-Snippets/tree/master/Flexslider%20Touch%20Sensitivity%20Fix
Hope it helps.
Related
I need to build a vertical carousel like the one in the image, where I'm able to scroll and use touch.
When the active slide is clicked, the user is redirected else it scrolls to to the element.
Any tips for libraries that can help me achieve this?
Thanks in advance!
I ended up making the carousel myself following this tutorial:
How to build a carousel from scratch in vanilla js
It uses CSS3 animations to move the elements and javascript to swap classes to trigger the animations.
I'm working on this website
http://1ne-studio.com/test2/
id : test　
pass : 2015
and I have this full screen vertical slider so that website
works as parallax.
This is the plugin that I used for this vertical slider - FSVS.JS
On their demo all the scrolling movements are smooth, but on my site
when you scroll back to top, every scroll has little glitch where the scrolling animation is smooth all the way to the end.(it has little...weird sudden move animation at the end of scrolling...)
This is the screencapture of my problem
https://www.youtube.com/watch?v=VgAhyONH0rM
What could be causing this? and how could I fix this..?
Thank you for your time!
I have a Revolution slider plugin on my website and it has some kind of effect or something that when I scroll it moves up and down and I don't know how to remove it, I don't have access to the plugins configuration either.
So far I've tried with jQuery/js to move it down a little bit but when I scroll it keeps moving.
document.getElementById("rev_slider_3_1_wrapper").setAttribute("style", "margin:15px auto 80px;padding: 0px;max-height: 740px;left: -105.5px;position: absolute;width: 1351px;overflow: visible;height: 521px;");
This puts the slider 15px down but when I move the scroll it moves all around and breaks my layouts, is there anything I can do?
Thanks for helping me out.
Revolution Slider allows you to enable/disable parallax effects due the options which you can add to the initialisation script.
To enable Parallax:
jQuery('#slider').show().revolution(
{
delay:16000,
startwidth:1170,
startheight:700,
hideThumbs:200,
parallax:"mouse",
parallaxBgFreeze:"on",
parallaxLevels:[10,7,4,3,2,5,4,3,2,1],
});
To disable Parallax effect simple remove any parallax based option like this:
jQuery('#slider').show().revolution(
{
delay:16000,
startwidth:1170,
startheight:700,
hideThumbs:200
});
Note, there are over 40 options you can set due the slider initialisation, and you may want to have different options also enabled/disabled, so i would recommend to get the full documentation by following the link: http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848
Also, all questions about Revolution Slider can be answered here: http://www.themepunch.com/support-center/
Hope this helps you further !?
I have been trying to search for different things, but I couldnt find the suiting solution for my problem.
I need to scroll to the next div, when you swipe up on the iPad, so the div's top snaps to the ipads top. I think this would be simply on .scroll in combination with .scrollTop(), right? So now when you scroll, it should detect either you scroll down or up, and when you do so, jump to the next or previous div.
Has anyone a ressource, where I can find a solution to this?
Thanks in advance
I've done the exact same thing a while ago for my Personal Website. (if you check it with a tablet or a smart phone you can see it in action)
what I used was:
jQuery Mobile: to detect touch moves and unbind the scroll
Touch Swipe Plugin: to detect the direction of swipe
And the rest is simple jQuery animation using scrollTop() and offset()
I want to understand if there's a jQuery or JavaScript package out there that allows both horizontal and vertical sliding of images/data at the same time in one nested slider?
I'm having trouble finding a package that allows this to work effectively.
It needs to have buttons to go up, down, left and right as well as the ability to slide using finger gesture when used with touch screen (optional). Also, when on slide 1c for example, when next is selected to go to slide 2a not 2c. Any help or advice would be gratefully received.
check out ankkit.com. its a portfolio of a friend of mine. he has done what you want
Have you tried iDangerous Swiper Plugin? I think this is what you are looking for.