image box

  • 1
  • Question
  • Updated 8 years ago
Hello. How can I create a box with scrolling for a very wide image like the one attached? In addition, the box would automatically adjust itself to fit the width of the screen. Thanks.
Photo of Ebruce


  • 29 Posts
  • 1 Reply Like
  • thankful

Posted 8 years ago

  • 1
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hi Ebruce

Here is a simple code that you can use. Just replace the name of the image with yours and adjust the dimensions.

When finished editing just place the code into an HTML widget.

<div style="overflow: auto; width:800px;height:708px;background-color:#000000; "><img src="resources/YOUIMAGE.jpg" alt="" id="3" border="0"></a>

The image scroller above has settings for width/height but does not automatically set to the viewers screen. It is not up to their screen but rather your website's style width. You should first find out the width of the style you are using then deduct 50 -100 pixels then include this as the width in the code above.

I made an example of what yours might look like here:

Happy site building

You can find me with my head in the honey pot here...

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
Photo of Ebruce


  • 29 Posts
  • 1 Reply Like
Hi Ed, thank you for your great help!
I'm using Emerald style, which automatically sets the width to that of view's screen. So I was hoping the scroll box could do the same.
And, do you know how to add some border line to the box?
Thanks a lot!