FlexSlider - Execute "next" action - javascript

I'm currently developing a responsive website using flexslider. The address of the test version is here:
http://residentsecurity.daniel-lucas.com/
When the site shrinks down to tablet / mobile version an icon appears showing the user that by sliding their finger on the slider they can go to the next/previous image.
I've tried turning this icon into a link so that if the user clicks on it, it will go to the next slide.
I thought that by inserting
Next
the script for flexslider would use the link to go to the next slide but it's not working.
Does anyone know how to turn make this link work with flexslider?
Thanks in advance

I never found an answer to this question but instead modified the css of the next button that already exists to adapt it to my needs on mobile phones.

Related

How to stop page from scroll when toggle text opened?

Quick note : I have read other similar questions, but they are all about modal opening up as overlay on body and they want to stop scroll on body.
But in my case, when I open the toggle the page autoscrolls and I don't want that to happen I want it to stay at same place.
Here is the link ( http://isma.tomorrowing.today/ ) where you can see the issue in test text 2 or 3 section by clicking any of the 'Read Text' button.
I want the webpage to stay at some position even when toggle is opened.
Although I am using elementor in Wordpress on the website, but custom CSS or JS works for me as well.
Highly appreciate any help.

Jquery mobile vertical scroll is not working

I have a mobile site using jquery mobile here http://ilogo.in/m_/. it works good except sometimes vertical scroll stops working after adding a product into cart on product page http://ilogo.in/m_/shikamaru-shikamaru-t-shirt-105455-3105. I can not scroll the screen. this issue only occurs on mobile device. I tried to remove the ajax behaviour and refreshign the page after user clicks on buy button but it did not work. Any help is appreciated! Thanks in advance.
I have just tried it, it works well now. It is better if you let us know know when the issue is there !

Twitter Bootstrap Button / Tabs Tapping Ipad Issue

I have a webpage for displaying 3 panels(panel_freegame, panel_1game & panel_2game) based on the click of 3 buttons(Free Game, 1 Game at time & 2 game at a time).
I have written jQuery code to display them accordingly, and its working well and fine in all web browsers, except in ipad if I continuously tap/click the buttons, 2 buttons get in selected state. So the tapping is not smooth and instant, this is issue with buttons, navtabs, nav pills.
Please suggest me with a suitable fix.
Thank you.

Drop-down menu flashes, temporarily opens on page load on mobile devices

I'm having an issue with a jQuery-driven accordion drop-down menu when viewed on a mobile device. The problem is when viewed in either portrait or landscape, the drop-down menu quickly flashes (temporarily opens revealing all the links) upon page load, almost flickering. Refresh the page, it does the same thing.
Also, when viewed in landscape mode, the tabs in the drop-down menu wiggle up and down briefly when you click on them.
I'm not sure if this is a jQuery/JS issue or maybe there is something I need to do with CSS? I've done some research and cannot find a solution to this problem.
Can someone please take a look at the example here: http://clients.iconcw.com and let me know how to fix this problem?
Thanks very much.

How to implement the functionality of autoscrolling page if the element is below page fold in javascript?

I want to implement a similar functionality like Template Monster's menu. I am trying to create a feature list which slides down when the user clicks on the feature. But if the link is at the bottom of the page and the user clicks on that link, the feature list is shown below the view area and the user doesn't know that it is open until he manually scrolls the browser window down.
I want to incorporate a functionality that if the feature list is not in the viewable area, the browser window automatically scrolls down to show the full list (templatemonster.com has done so with their drop down menus).
Can anybody help me?
Thanks,
Gaurav
The website which you reference is using the Prototype JavaScript framework with Scriptaculous for it's visual effects. These libraries make this sort of task much easier as there are built in controls to achieve, more or less, exactly what you want.
If you want something to slide down when a user clicks on it; you should be thinking about the event click and effect slide down Check out the demo in the manual for this.
The second aspect of scrolling can be achieved using these libraries too. Again, checkout the demo in the manual for this too. Essentially, you need to use an anchor tag to mark the point on the page where the feature exists, and then use the scrollto effect to take you to that poision on the page.
Hope this sets you on the right path.

Categories