image viewer

[acoder]

You can also use backgroundPosit ionX and backgroundPosit ionY. It might things a bit easier.

Actually, scrap that. It only works in IE and is non-standard anyway. Stick to backgroundPosit ion as you were doing.

[hsriat]

Actually, scrap that. It only works in IE and is non-standard anyway. Stick to backgroundPosit ion as you were doing.

As you say, Sir!

[yogarajan]

Hi

thanks for ur quick reply

my requirement is i want show world map

that map is not one image it is contains several

so can show 2 image at a time, sometimes 3 or 4 images

ie one image half porition and second image half porition

it is possible

my requirement looks like google map

pls guide me

[hsriat]

Is it that you want to show more than one map viewers in one page? (this is possible)

Or is it that you want to use multiple images in a single viewer? (I doubt if its possible with the way I used now)

[yogarajan]

i want show multiple image in a single viewer

my project looks like google map

pls see this site

http://maps.google.com/

[yogarajan]

hi

i need some more options

1.zoom effect i want zoom in image it is possible

2.my world map image size is 3000 X 3000 but my image viewer size is 400 X 400 . i have one textbox and search button if i fill in textbox value is india and click the search button then my image viewer show india porition i can't load other image i am use only one image

3. if i click in map - india porion means new window will open and show india details

4. i move on curor in the world map image some text in show at tooltip method
ie. my cursor place on india means tooltip will show total population, and language, etc will show

it is possible?

pls guide me

[acoder]

1.zoom effect i want zoom in image it is possible

Set the width or height to create a zoom effect.

2.my world map image size is 3000 X 3000 but my image viewer size is 400 X 400 . i have one textbox and search button if i fill in textbox value is india and click the search button then my image viewer show india porition i can't load other image i am use only one image

Use a select drop-down and set the option values as the indices to an array which contains the srcs of the images corresponding to each country/place.

3. if i click in map - india porion means new window will open and show india details

Use window.open() onclick.

4. i move on curor in the world map image some text in show at tooltip method
ie. my cursor place on india means tooltip will show total population, and language, etc will show

Use the title attribute.

[hsriat]

hi

i need some more options
pls guide me

Man! this sounds like an interesting project.

BUT... this needs a different approach than what I followed.

I believe zooming is not possible with that. For that you would have use img tag rather than background image, as background image can't be stretched.

Your textarea and search thing have to be mapped with the latitude and longitude (coordinates here) of each area. You can use window.open to open the image.

The onmouseover showing of details of country can't be done with title attribute as I see you need to use same image to show different tooltips at different coordinates.

So you need a proper popup tooltip code. And this tooltip needs to be fed with data fetched from database by Ajax.

I hope you get pointed towards the right direction.

[yogarajan]

Hi

thanks for ur reply

i need some samples

do u have

or
pls guide me

pls guide step by step process

pls it is very urgent

thanks

[acoder]

I believe zooming is not possible with that. For that you would have use img tag rather than background image, as background image can't be stretched.

You're right, but I assumed the OP would now be using images.

The onmouseover showing of details of country can't be done with title attribute as I see you need to use same image to show different tooltips at different coordinates.

That's if indeed he's using the same image. If not, a tooltip will be just fine. However, if it's a world map, I doubt India will take up an image on its own, so areas on an image map may be a good idea.

[acoder]

pls guide me

pls guide step by step process

What code have you got so far? What changes have you made? Please post them here.

[hsriat]

Hi

thanks for ur reply

i need some samples

do u have

or
pls guide me

pls guide step by step process

pls it is very urgent

thanks

hey yogarajan,
I am sad to say that this all is work of an experienced DHTML programmer. If we'll start guiding you, that would be a sort of spoon feeding and will take too much time, and you would end up having learned nothing from this. You better consult a senior person at your place.

And as far as zooming is concerned with the Google maps, they don't zoom the same image, they have series of images for different altitudes (height from ground). When you scroll over the image, it fetches a new image and shows it, instead of zooming the old one.

I understand its very urgent for you, but Rome was not built in one day. You need to learn the basics of DHTML, JavaScript and some CSS first. Spend a couple of days at www.w3schools.com, then try something out. If then you find any problem, come here anytime. I'll be glad to help you.

You're right, but I assumed the OP would now be using images.
That's if indeed he's using the same image. If not, a tooltip will be just fine. However, if it's a world map, I doubt India will take up an image on its own, so areas on an image map may be a good idea.

You are right, but I doubt the OP could follow from these two lines you have said.

[acoder]

You are right, but I doubt the OP could follow from these two lines you have said.

Probably true, but at least you've provided a link to get him started.

@yogarajan, is this for work? If it is, you should ask your superiors to train you up. It would be unfair of them to ask you to code this if it's currently outside your capabilities.