How to Add a Scroll on Hover to an Image in WordPress?

Table of Contents

Would you like to make your WordPress images scroll smoothly? This feature is great for displaying long portfolio images, allowing them to fit neatly into smaller sections of your website. Adding a scrolling effect to images can make your design more dynamic and catch the attention of your audience. 

With the Advanced Image block from Nexter Blocks, you can easily add a scrolling effect on hover to your image in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Advanced Image block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Advanced Image block to the page and follow the steps –

1. Add your image in the Upload Image section.

2. Then enable the Scrolling Image toggle from the Special Options tab.

advanced image scrolling image

3. In the Min Height section, you have to set the image height, it should be smaller than the original image height.

Then you can adjust the scrolling speed from the Transition Duration field. 

Now, you’ll see a scrolling effect as you hover on the image.

advanced image scrolling image demo 1

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs