chrometweaks.org

Which online storage and iPage web hosting service should I get a premium with?

Click Here To View All Answers...


First question I got is Which online storage and iPage web hosting service should I get a premium with? Hoping for any answer or 2. Another question... Hi,.

I want to add a .jpg file to my web page, which incidentally represents a graph and want users to be able to zoom in and out of the graph..

Has anyone got any sample code for doing that or an example of a site/page that does it so that I can have a look at the source code?.

Thanks...

Comments (12)

I would like to know the answer too. Anyone here know what is the right answer to your question. I'll do some Googling and get back to you if I discover an useful answer. You should email the people at iPage as they probably could help you..

Comment #1

Something like this?.

Http://www.expedia.com/pub/agent.dll.

Click maps and enter your address and it will display a map which can be zoomed in or out...

Comment #2

Kind of,.

But I have a .jpg file which is a graph, I just want the web page to point to it and be able to zoom in and out just like the example you gave?.

Is there some page where you can easily get the source code?..

Comment #3

I will move this thread to the HTML Layout forum and hopefully someone there knows an answer...

Comment #4

I can believe normal HTML would enlarge or shrink a picture (GIF, JPG, etc). Easily manipulated by height and width tags..

<img src="cat.jpg" width=32 height=32> vs.

<img src="cat.jpg" width=100 height=100> But that'll be blurry and pixelated..

Actual zooming, where you decrease the range on the x and y axis, see less length of the graphed line, but see a relative increase in detail, and lines.

Remain the same thickness across differing sizes.

, that's done with graphing software of some kind. I believe Java can.

Generate.

Graphs on web pages. And various downloadable software that can zoom (increase detail upon closer look). But a browser can't zoom. It can't increase detail. It can't look at a single image and provide more detail than the picture itself..

Instead of using a single JPG, how about mutliple JPGs? You click a link to it's appropriate size. (ex: huge, medium, small). Like.

Yahoo Maps.

..

Where are you getting the image from? Without seeing it, I can only guess you exported it from some function graphing software...

Comment #5

If the graph isn't updated very often the simplest way would be to have a low resolution image as an image map on the site, and clicking any part of the image loads a higher resolution image of just that small part of it. It would be unworkable to have more than 2 levels of zoom, as you would have too many images to deal with. Say you cut it in a 5 x 5 grid: 1 - 25 - 625 already a major headache...

Comment #6

I am producing the chart using Java code, using a package called JFreeChart. I did'nt think of using an applet to producing these graphs and that maybe a workable solution if I can find out how to zoom on the graph on the applet..

At the moment, my Java code produces .jpg files onto my hard drive, I just want a web page that points to these .jpg files(which represent graphs) and is able to zoom in an out of them? I have seen someone do it before, not using anything fancy- maybe DHTML at the most?.

Any ideas please?..

Comment #7

Kamal,.

If you've seen this done, just point us to the page and we'll help you out...

Comment #8

Hi,.

I have seen this done for a company that I used to work for, but it is an internal iPage site and therefore cannot access the page..

But I was sure that the person who created the page used basic HTML to get the effect, but cannot remember exactly how they done it. So I was just wondering if anyone did know?.

Thanks for your help...

Comment #9

I can assure you that it was not basic HTML. You could use flash to get a good effect, some javascript perhaps. A java applet maybe. Some dhtml. Not basic HTML..

I'd do a good scouring search of the DHTML sites. They are what your looking for...

Comment #10

Copy this code:.

<script type="text/javascript">.

Function imgscale(a) {.

Var imgs = document.images;.

For (var i=0; i<imgs.length; i++) {.

Var w=imgs[i].width, h=imgs[i].height;.

Imgs[i].width = a*w;.

Imgs[i].height = a*h;.

}.

}.

</script>.

<h1>Image Scale</h1>.

<p>A compact, convenient enhancement for your HTML pages with.

Images.</p>.

<h2>Copy-and-Paste Code</h2>.

<form>.

<pre>.

<script type="text/javascript">.

Function imgscale(a) {.

Var imgs = document.images;.

For (var i=0; i<imgs.length; i++) {.

Var w=imgs[i].width, h=imgs[i].height;.

Imgs[i].width = a*w;.

Imgs[i].height = a*h;.

}.

}.

</script>.

<div class="scale" style="display: inline; border: dashed 3px purple;.

Padding: 0.2em; background: #def; color: black; font-family: arial;.

Font-size: 12px">.

Image size: <a href="javascript.

:imgscale(.5)">decrease</a>.

<a href="javascript.

:imgscale(2)">increase</a>.

<a href="javascript.

:location.reload()">refresh</a>.

</div>.

</pre>.

</form>.

<h2>Sample</h2>.

<div class="scale" style="display: inline; border: dashed 3px purple;.

Padding: 0.2em; background: #def; color: black; font-family: arial;.

Font-size: 12px">.

Image size: <a href="javascript.

:imgscale(.5)">decrease</a>.

<a href="javascript.

:imgscale(2)">increase</a>.

<a href="javascript.

:location.reload()">refresh</a>.

</div>.

<p><img alt="image: Girls" src="http://www.myersdaily.org/rulebook/girls-4in.jpg" /></p>.

<p><img alt="image: Foo" src="http://www.myersdaily.org/joseph/html/foo.png" /></p>.

<p>Image Scale uses JavaScript to give you quick control of.

Image size. Exercise personal choice over pictures.</p>.

<p>Winner of the 2002 Super Foo Award. :*) (Yes, really.)</p>.

If you like it, please visit my web (sorry it's in spanish, but you'll help me):.

Http://escena.ya.com/quierocine..

Comment #11

Have a look at my web site, maybe this can help you..

Darren..

Comment #12

There is some software out there that will do this in a funky way. I will dig out the addie for you when I get home. Of the top of my head I can't remember the folks who write this program. Actually I remember....

Heres a result from a quick search on Scalado.

Http://www.scalado.com/examples/technical.shtml.

Click on Technical.html for examples, mouse over the cam-corder to see what this software can do..

Http://www.scalado.com.

Not sure if there is a free download anymore but worth looking. Let me know what you think...

Comment #13


This question was taken from a support group/message board and re-posted here so others can learn from it.