[Resolved] creating a slider using a grid of thumbnails to navigate

[Author]

Posts

[emilyr]

hi—
i'd like to create a slider using views that is triggered by clicking on a thumbnail in a grid. as you can see in the attached image, i have a grid of teachers. when a thumbnail is rolled over, i'd like the slider below to show that teachers information.

i know how to make a grid of all my teachers and i know how to set up a view that displays custom fields within a CPT for that bottom slider. what im not sure how to do is to get the image in the grid to trigger the corresponding teacher bio below.

is this something i can do in views, and if so, how?

thanks for your time,
emily

[Luo Yang]

Dear emily,

There isn't such a built-in feature within Views plugin, Views built-in sliders works when you are using Views plugin to query multiple posts, in your case, it is a Repeated Image Custom Field of single post, you can integrate other slider JS framework, for example flexslider, see their domo:
hidden link

And here is a similar thread, for your reference:
https://toolset.com/forums/topic/making-images-from-custom-field-type-into-a-slideshow/

And here is the copy of PHP code of above thread:

function add_flexslider_slider_js() {
    wp_enqueue_script( 'flexslider-js', '<em><u>hidden link</u></em>', array( 'jquery' )); 
    wp_enqueue_style( 'flexslider-css', '<em><u>hidden link</u></em>');
}
   
add_action( 'wp_enqueue_scripts', 'add_flexslider_slider_js' );