467,915 Members | 1,272 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,915 developers. It's quick & easy.

About Image Scrolling with scrollbar

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

Feb 6 '06 #1
  • viewed: 4927
Share:
7 Replies
> 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>

Feb 6 '06 #2
Thanks a lot it's working

Regards,
Jatin

Feb 6 '06 #3
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)
Feb 6 '06 #4
Thanks

Feb 6 '06 #5
Thanks Looks working

Feb 6 '06 #6
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)
Feb 6 '06 #7
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)


Feb 9 '06 #8

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Kurt | last post: by
4 posts views Thread by Cat Laugel | last post: by
9 posts views Thread by Mark Horrell | last post: by
2 posts views Thread by pjSoni | last post: by
3 posts views Thread by dunerunner | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.