I'm looking for ideas on how to create a gallery image slider similar to what my client has attached. The slider should have a zoomed in cropped image with a low opacity in the background and a full-size image (not cropped) that displays in the center (shrunk down to fit in height provided) and have a means for moving forward and backward between the slides on the right-hand side.
Hi,
Thank you for contacting us and I'd be happy to assist.
You can create a slider similar to this using the steps suggested for a dynamic content slider explained here:
https://toolset.com/course-lesson/creating-sliders-with-dynamic-post-content/
In each slide, you can include a content block that has an image set as the background with low opacity and inside that container, you can include the same image using the image block.
For moving the slider's arrow controls to the right side, you'll need to include some custom CSS code.
I hope this helps and please let me know if you need any further assistance around this.
regards,
Waqar