Hogyan lehet térképre animált ikonokat tenni?

Weblapra csinálod?

Tedd be egy div-be háttérnek a térképet, a gif ikont meg jelenítsd meg benne.

Valahogy így:

[link]

A lényeg ennyi:

<div style="BACKGROUND-IMAGE: url(map.jpeg); WIDTH: 500px; HEIGHT: 314px;">

<IMG style=" POSITION: absolute;" src="wind.gif">

</div>

Ezt mentsd el egy html-nek, (vagy tedd be egy meglévőbe) aztán írogasd át a kép neveket a sajátodra, a div méretét a kép méretére.

Utána a: LEFT: 200px; TOP: 160px;

Adja meg a gif pozícióját.

Át is írogathatod, de egyszerűbb, ha megnyitod a html-t agy weblapszerkesztőbe és oda húzogatod a gif-et ahova akarod.

Bocs, most nézem, kimaradt a lényeg.

Így jó:

<div style="BACKGROUND-IMAGE: url(map.jpeg); WIDTH: 500px; HEIGHT: 314px">

<IMG style="POSITION: absolute; LEFT: 200px; TOP: 160px" src ="wind.gif">

</div>

Akkor lehet, hogy a gif ikon nem a div-en belül van. (a <div> és a </div> között.

Itt csak annyit változtattam, hogy adtam a div.nek egy pozíciót:

<div style="BACKGROUND-IMAGE: url(map.jpeg);position: absolute; top: 80px; left: 400px; WIDTH: 500px; HEIGHT: 314px">

<IMG style="LEFT: 60px; POSITION: absolute; TOP: 120px"

src ="wind.gif">

</div>

És a gif ikon, ment vele.

[link]

Mert a gif pozíciója a div-en belül értendő.

Persze, csak ha benne van.