Using Scroll Box to show Really Large Pictures

Say you need to post a really large picture in you post..perphas the picture’s width and height extends far beyond the boundaries od you blogpost / sidebar..Top avoid gettimg messed up with the layout-presentation of the blog, you would wisely link to the picture and provide the link in your blog.=d>

The Picture that you see here has

WIDTH=972px
HEIGHT=595px.

If I had added this picture directly.. i am sure it would not have been a pleasent experience for me & my readers.;;)

You can see the full-Picture here to get an idea abouts its dimentions.

So I have displayed the picture in a scrollable-area called as the

<iframe></iframe>


To add such a scrollable area to your blog (post or sidebar) all you need to do is insert this one simple line of HTML code :-B

<iframe src=”
URL of the Picture” frameborder=”0″ height=”300″ width=”300″>
</iframe>

Take care that the WIDTH of the iframe is atleast 20px less than that of the post (or) Sidebar..where you want the frame to appear.The reason being, out of the entire width specified in the iFrame some of it is used to display the scrollbar

Liked this.. Start using..A Backlink to this post will be appreciated

2 Replies to “Using Scroll Box to show Really Large Pictures”

Leave a Reply

Your email address will not be published. Required fields are marked *