Skip Navigation

[Resolved] Is there a way to enable slide transition with a mouse drag or swipe?

This support ticket is created 7 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 7 years, 11 months ago.

Assisted by: Luo Yang.

Author
Posts
#405230

I am trying to: enable slide transition with a mouse drag

I visited this URL: hidden link

I expected to see: transition with mouse drag not buttons

Instead, I got: transition with buttons

#405311

Dear Kyle,

There isn't such a feature within Views plugin, I suggest you try with other JavaScripts, for example:
hidden link

#405526

Hi Luo,
Thank-you for this link, this will work perfectly for me.
One more question for you. I am trying to keep the next and previous navigation on my slider at all time. I tried using the conditional code below but it is not working.

[wpv-conditional if="( '[wpv-pager-current-page]' eq '1' )"]link[/wpv-conditional]
[wpv-conditional if="( '[wpv-pager-current-page]' eq '[wpv-pager-total-pages]' )"]link[/wpv-conditional]

Do I wrap it around each pager nav item like so?

[wpv-conditional if="( '[wpv-pager-current-page]' eq '1' )"]l[wpv-pager-prev-page][wpml-string context="wpv-views"]<img src="hidden link" alt="forward-red" width="26" height="41" class="alignnone size-full wp-image-2061" />[/wpml-string][/wpv-pager-prev-page][/wpv-conditional]

[wpv-conditional if="( '[wpv-pager-current-page]' eq '[wpv-pager-total-pages]' )"][wpv-pager-next-page][wpml-string context="wpv-views"]<img src="hidden link" alt="back-red" width="26" height="41" class="alignnone size-full wp-image-2062" />[/wpml-string][/wpv-pager-next-page][/wpv-conditional]

Thank-youfor your assistance with this
-Kyle

#405703

As I mentioned above, there isn't such a feature ( transition with mouse drag not buttons) within Views plugin, if you use other custom JS codes, the pagination settings is depends on your own custom JS codes. In most case, you do not need the Views pagination, you will need to output all images, use the custom JS codes to do the pagination.

For the question:
I am trying to keep the next and previous navigation on my slider at all time.

I assume we are talking about a "Circle Sliders":
There are 3 slider in your sliders:
Slider A, Slider B, Slider C
You are going to do this, when it is displaying slider C, you need display the "Next" link, which will display slider A.

There isn't such a feature within Views, as I mentioned above, you can try with other JS sliders, for example:
hidden link
See the demo:
hidden link

This ticket is now closed. If you're a Toolset client and need related help, please open a new support ticket.