About Image Scrolling with scrollbar

[pjSoni]

Hi All,

I've created .png image for chart it's size is big so I want scrollbar
below it so that user can scroll from right to left and at same time
image should be scroll. I think it can be done with javascript but I
haven't exact Idea.. If any 1 have better suggestion. Please Reply,
Regards,
Jatin

[marss]

> I've created .png image for chart it's size is big so I want scrollbar

below it so that user can scroll from right to left and at same time
image should be scroll.

Put your image into the div with "overflow: auto". It automatically
adds scrollbars if image exceeds div dimensions:

<div style="WIDTH:100px; HEIGHT:100px; overflow: auto">
<img src="1.png">
</div>

[pjSoni]

Thanks a lot it's working

Regards,
Jatin

[Evertjan.]

pjSoni wrote on 06 feb 2006 in comp.lang.javascript:

I've created .png image for chart it's size is big so I want scrollbar
below it so that user can scroll from right to left and at same time
image should be scroll. I think it can be done with javascript but I
haven't exact Idea.. If any 1 have better suggestion. Please Reply,

CSS will do:

<div style='overflow:scroll;width:300px;height:200px;'>
<img style='width:1200px;height:1200px;' src='my.png'>
</div>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[pjSoni]

Thanks

[pjSoni]

Thanks Looks working

[Evertjan.]

pjSoni wrote on 06 feb 2006 in comp.lang.javascript:

Thanks

Please quote what you are replying to.

If you want to post a followup via groups.google.com, don't use the
"Reply" link at the bottom of the article. Click on "show options" at the
top of the article, then click on the "Reply" at the bottom of the article
headers. <http://www.safalra.com/special/googlegroupsreply/>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[pjSoni]

HI,

Sure I'll take care and will 'Reply' as you said.

Thanks,

Regards,
Jatin

Evertjan. wrote:

pjSoni wrote on 06 feb 2006 in comp.lang.javascript:

Thanks

Please quote what you are replying to.

If you want to post a followup via groups.google.com, don't use the
"Reply" link at the bottom of the article. Click on "show options" at the
top of the article, then click on the "Reply" at the bottom of the article
headers. <http://www.safalra.com/special/googlegroupsreply/>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)