[Resolved] Fancybox not working on Pagination and Sliders

[Author]

Posts

[kelvinL-2]

Dear Sir/Madam,

Please refer to https://toolset.com/forums/topic/fancybox-not-working-on-second-slider/, sorry for my late review, the topic was closed.

I attached the Pagination and Sliders setting and the script in Views

You can find the issue from hidden link and slider just under the big banner.

When you click the image, the fancy box popup, if the slider is changed, you can't view the previous or next image.

Is there any solution that I can view the image from slider with fancy box?

Best regards,

Kelvin.

[Christian Cox]

Maybe this could work if you turn off automatic pagination on the Slider View. Otherwise, the next and previous images may already be removed from the DOM if the Slider has transitioned.

[kelvinL-2]

Dear Christian Cox,

Yes, I think so. How can I add the previous/next on both side of the slider and middle position (see screenshot) to the image?

[Christian Cox]

The Thumbnail Slider module comes with navigation buttons built-in: https://toolset.com/documentation/user-guides/creating-sliders-with-types-and-views/how-to-create-a-wordpress-thumbnail-slider-in-minutes/
You could use the module or check out the markup to see how it's designed with CSS.

If you would rather not use the module, you can use the Next and Previous pagination buttons included in Views. Then add your own custom CSS to style them and position them as needed.

[kelvinL-2]

My issue is resolved now. Thank you!