Creating a Scrollable Image for very long images Inside Post in WordPress is very easy if you follow our this method. No need of installing any plugin. The question how we are?creating a Scrollable Image Inside Post in WordPress first asked by a visitor after viewing the infographic on this post. As you can see, the infographic is quite long and it will look very bad if we keep it in full size. Even if this is not an ideal example of?Creating a Scrollable Image Inside Post in WordPress, you can understand, with this method, you can add a horizontally scrolling box, at least one can not argue – a 2000 px wide image can fit in full size within a post!
Prerequisites for Creating a Scrollable Image Inside Post in WordPress
Nothing. Your WordPress HTML Editor and this post on Creating a Scrollable Image Inside Post is enough.
Code for Creating a Scrollable Image Inside Post in WordPress : Vertically Scrollable Image
Here is an working example before creating a scrollable image :
---
Here is the code for creating a scrollable image :
<div style=”border: solid 1px #ffffff; background: #ffffff; color: #000000; padding: 4px; width: 665px; height: 400px; overflow: auto;”>
<a href=”your image url“><img title=”Creating a Scrollable Image Inside Post in WordPress” src=” your image url ” alt=”Creating a Scrollable Image Inside Post in WordPress” width=”650″ height=”2000″ /></a>
</div>
Explanation :
width: 665px; height: 400px; = the width is what is of the image plus padding to adjust the image so that the horizontal scroll vanishes. height is part of the viewable window you want to show.
Code for Creating a Scrollable Image Inside Post in WordPress : Horizontally Scrollable Image
Here is an working example before creating a scrollable image, the thing is basically same :
