Creating a Scrollable Image Inside Post in WordPress : Easiest Way

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 :

Visitors Read This Post Also Read:

1. Link Post Thumbnails to the Post Permalink in WordPress In WordPress, you can add Post Thumbnails in very easy way. Some WordPress Theme has...
2. WordPress Tutorial Series : Basics about HTML and CSS …...
3. rel=”author” and rel=”me” in WordPress in the easiest way Basically these rel=”me” , rel=”author” are among Rich snippets including microdata, microformats, and RDFa. Some...
4. Highlight, add pressed effects to certain words in your WordPress blog Just after publication of the previous post; one of our Tweeter follower asked, how we...
5. Post or Pages with Expiration date in WordPress Post or Pages with Expiration date can be created in WordPress either manually by using...
6. Highlight text in WordPress post with css rounded border effect This is actually the continuation of our previous article Highlight, add pressed effects to certain words...
7. WordPress Tutorial Series : Post Installation Works For WordPress …...
8. Insert forms,spreadsheets or slides in your WordPress post It is possible to insert spreadsheets, presentation slides, forms  in your articles, without using image...
9. Making of WordPress theme : softwares and browsers addons We do not like visual editors, we like hard coding by hand. Among Microsoft products...
10. Google Plus RSS Feed for creating WordPress or Blogger Widget Google Plus RSS Feed generator is here with detailed instruction on how to use...
11. WordPress Tutorial Series : Stepping in to First Setup …...
12. Create a free child theme of your own in WordPress The principle of child theme is to enable the modification and adding features to a...
13. Codes and plugins for placing Advertisement banners in WordPress blogs It is very important to rightly place the Advertisement units in your WordPress blog in...
14. Adsense for WordPress : Plugins, HTML, PHP Hacks …...
15. Making your WordPress website W3C validated Previously, we discussed the importance of W3C validation and SEO and shown examples of our...