Image Problem !

[mr. ambastha]

Hello,

I have 4 large images ( 1024 x 1024). All four images constitute one
large image when kept side by side.

I want to show that larger image on a webpage with a smaller image
area (say, 256 x 256). I don't want to change the zoom level or even I
dont want any scaling function.

I just want to navigate the large image from top to bottom, either
using 'top','left','up','down' buttons or links.

I am using jsp. If i know how to define the smaller image area on a
web page, and how to load the larger image only once, then i can
proceed further. Please help !

thanks in advance.
-Ambastha

[Evertjan.]

mr. ambastha wrote on 15 feb 2007 in comp.lang.javascript:

I have 4 large images ( 1024 x 1024). All four images constitute one
large image when kept side by side.

I want to show that larger image on a webpage with a smaller image
area (say, 256 x 256). I don't want to change the zoom level or even I
dont want any scaling function.

I just want to navigate the large image from top to bottom, either
using 'top','left','up','down' buttons or links.

I am using jsp. If i know how to define the smaller image area on a
web page, and how to load the larger image only once, then i can
proceed further. Please help !

This seems a html issue.
What do you expect from Javascript?

What is JSP? Something with Java?
Java has nothing to do with Javascript, but the nme.

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

[ASM]

Evertjan. a écrit :

mr. ambastha wrote on 15 feb 2007 in comp.lang.javascript:

>I have 4 large images ( 1024 x 1024). All four images constitute one
large image when kept side by side.

I want to show that larger image on a webpage with a smaller image
area (say, 256 x 256). I don't want to change the zoom level or even I
dont want any scaling function.

I just want to navigate the large image from top to bottom, either
using 'top','left','up','down' buttons or links.

I am using jsp. If i know how to define the smaller image area on a
web page, and how to load the larger image only once, then i can
proceed further. Please help !

This seems a html issue.

Can you explain me how in html, with arrow keys (or buttons) you
'navigate' in a 256/256px image ?
On the other hand,

- I didn't understand what does mean to show a large image
(of four assembled images) with a smaller ...
... if anyway buttons are used.
- not more is clear for me the notion :
"navigate ... from top to bottom"
does it mean to scroll up and down ?
or
does it mean to jump from top to bottom ?
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[yb]

On Feb 15, 7:27 am, "mr. ambastha" <[e-mail]:

Hello,

I have 4 large images ( 1024 x 1024). All four images constitute one
large image when kept side by side.

I want to show that larger image on a webpage with a smaller image
area (say, 256 x 256). I don't want to change the zoom level or even I
dont want any scaling function.

I just want to navigate the large image from top to bottom, either
using 'top','left','up','down' buttons or links.

I am using jsp. If i know how to define the smaller image area on a
web page, and how to load the larger image only once, then i can
proceed further. Please help !

thanks in advance.
-Ambastha

you may want to look at the CSS overflow property.

the small snippet of code below would be for a single image of 1024px
x 1024px, with a 256px x 256px container.
Of course you wouldn't want to use inline styles, its just for an
example.

<div style="width : 256px; height : 256px; border : 2px solid black;
overflow : scroll">
<img src="your_image_here" height="1024" width="1024" />
</div>

With four images, perhaps you could use another (much larger) inner
div ... you'll have to be a bit careful , since the scroll bars could
take up some of the available width and cause a "tile" to break to the
next line.

[Evertjan.]

ASM wrote on 16 mrt 2007 in comp.lang.javascript:

Evertjan. a écrit :

>mr. ambastha wrote on 15 feb 2007 in comp.lang.javascript:

>>I have 4 large images ( 1024 x 1024). All four images constitute one
large image when kept side by side.

I want to show that larger image on a webpage with a smaller image
area (say, 256 x 256). I don't want to change the zoom level or even
I dont want any scaling function.

I just want to navigate the large image from top to bottom, either
using 'top','left','up','down' buttons or links.

I am using jsp. If i know how to define the smaller image area on a
web page, and how to load the larger image only once, then i can
proceed further. Please help !

This seems a html issue.

Can you explain me how in html, with arrow keys (or buttons) you
'navigate' in a 256/256px image ?

I don't remember what I thought 1 month ago to the day.

But perhaps, Stephane, you were not asking me.

The static positioning of images is is an html issue perhaps with CSS.

On the other hand,

- I didn't understand what does mean to show a large image
(of four assembled images) with a smaller ...
... if anyway buttons are used.
- not more is clear for me the notion :
"navigate ... from top to bottom"
does it mean to scroll up and down ?
or
does it mean to jump from top to bottom ?

I think the "navigate" here could only be understood as static
positioning.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[ASM]

Evertjan. a écrit :

ASM wrote on 16 mrt 2007 in comp.lang.javascript:

>Evertjan. a écrit :

>>mr. ambastha wrote on 15 feb 2007 in comp.lang.javascript:

This seems a html issue.

>Can you explain me how in html, with arrow keys (or buttons) you
'navigate' in a 256/256px image ?

I don't remember what I thought 1 month ago to the day.

We are not more in february ?

Oooops !

But perhaps, Stephane, you were not asking me.

Yes I was.
But I awake a little late ...
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date