473,594 Members | 2,779 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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
7 4995
> 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:10 0px; 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.javas cript:
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:3 00px;height:200 px;'>
<img style='width:12 00px;height:120 0px;' 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.javas cript:
Thanks


Please quote what you are replying to.

If you want to post a followup via groups.google.c om, 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/googlegroupsrep ly/>

--
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.javas cript:
Thanks


Please quote what you are replying to.

If you want to post a followup via groups.google.c om, 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/googlegroupsrep ly/>

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


Feb 9 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
6998
by: Kurt | last post by:
Hi All, I'm just getting started rewriting a small CAD/GIS like application for designating outlines of objects in photographs/images in Python. Is there a class out there that already handles panning and zooming along with lines that have been drawn on top of the object? If got a simple scrolling canvas working and user designation of objects with the mouse. But I'm wondering if there is an elegant solution that handles zooming too. ...
4
6939
by: Cat Laugel | last post by:
Hello, I am redesigning my website and would like to have the text scroll within the webpage without the page itself scrolling.... if you understand what I mean... ;-) I want a very sleek look and would like to use little arrows that people could press to see more of the text rather than have a very long page.... How should I go about that? I use DW3. Can it be done???? Thanks for any info!! ;-)
9
10889
by: Mark Horrell | last post by:
I'm having problems getting scrollbars to appear using the 'scrolling' attribute of the 'iframe' tag, and I'm wondering if anyone can help me. I would expect the following code to produce a horizontal scrollbar at the bottom of the iframe if my browser resolution is set to less than 950 width, but for some reason it doesn't. Does anyone have any idea why not? <iframe src="http://apps.xxx:8050/" name="iApp" id="iApp"
2
1215
by: pjSoni | last post by:
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
3
5954
by: j0rd4n | last post by:
I have a user control that needs to allow vertical scrolling but not horizontal scrolling. In the user control's resize event, I need to adjust the size of all the children controls. For this to work correctly, I need the AutoScroll to not enable the horizontal scrollbar. After researching MSDN, I found the HScroll which can be used to disable horizontal scrolling when the AutoScroll mode is enabled. However, when I disable HScroll,...
0
2674
by: LostInMd | last post by:
Hi All, I've got an owner drawn listBox where I draw and measure the items that I add to the listBox. For example, I have a listBox that can only display 10 characters on each horizontal line. The majority of my items contain much more than 10 characters and thus the reason for my use of owner drawn listBoxes - I do not want to use a horizontal scrollbar, instead I want the text of each item to wrap onto multiple lines. I do use a...
3
6638
by: dunerunner | last post by:
We have a table within a div whose overflow-x is scroll. It is a long table, so the width of the div is 800px, giving us a scrollbar at the bottom. When users tab from cell to cell, the cells that contain select elements that were out of the visible viewing area acquire the focus, but they are still visually off the scrolling region. So, the user has to manually move the scrollbar to bring the element into view. Is there a way we can...
3
4953
by: Nebulism | last post by:
Hi everyone, I am working on a module for my GUI that shows one image with an index value below and would use a scrollbar to control which of the images are displayed. The images are stored in a successive folder in the format Pic#, i,e. Pic1, Pic2 etc. What I want to do is make a slider that is attached to a label which would output the slide number that is being looked at. I would use that number then to return the image of the slide...
2
3445
by: deegeorge | last post by:
Hi, I have 500 images.when clicking on one link it need to load this much images.Its loading fine.My requirement is load the image only in the viewable area.when scrolling the scrollbar next viewable area need to be loaded what i need to do Pls help me Its urgent
0
7876
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8372
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8003
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8234
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
5739
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
3859
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
3897
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1478
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1210
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.