Image-map: afbeeldingen erover gooien
4 antwoorden
Gesponsorde links
Arnold - 04/02/2009 20:36
Nieuw lid
Ehm, zou je je code misschien wat overzichtelijker kunnen maken ?
Fazammy - 04/02/2009 20:42
Nieuw lid
Ik heb het aantal afbeeldingen en links gereduceerd naar 10; ik hoop dat het nu duidelijker is?
1.
<div style="position:relative; top:-185px; left:60px;">
2.
<img style="position:absolute; left:185px; top:0px;" src="graphic/map/{$m0}.gif" width="74" height="41">
3.
<img style="position:absolute; left:222px; top:20px;" src="graphic/map/{$m1}.gif" width="74" height="41">
4.
<img style="position:absolute; left:259px; top:40px;" src="graphic/map/{$m2}.gif" width="74" height="41">
5.
<img style="position:absolute; left:296px; top:60px;" src="graphic/map/{$m3}.gif" width="74" height="41">
6.
<img style="position:absolute; left:333px; top:80px;" src="graphic/map/{$m4}.gif" width="74" height="41">
7.
<img style="position:absolute; left:370px; top:100px;" src="graphic/map/{$m5}.gif" width="74" height="41">
8.
<img style="position:absolute; left:407px; top:120px;" src="graphic/map/{$m6}.gif" width="74" height="41">
9.
<img style="position:absolute; left:148px; top:20px;" src="graphic/map/{$m7}.gif" width="74" height="41">
10.
<img style="position:absolute; left:185px; top:40px;" src="graphic/map/{$m8}.gif" width="74" height="41">
11.
<img style="position:absolute; left:222px; top:60px;" src="graphic/map/{$m9}.gif" width="74" height="41">
12.
<img style="position:absolute; left:259px; top:80px;" src="graphic/map/{$m10}.gif" width="74" height="41">
13.
<img src="graphic/map/map_back.gif" width="518" height="281" border="0" usemap="#map">
14.
15.
<map name="map" id="map">
16.
<area shape="poly" coords="223,20,258,40,294,20,259,0" href="?city={$smarty.get.city}&screen=city_info&id={$l0}">
17.
<area shape="poly" coords="260,40,295,60,331,40,296,20" href="?city={$smarty.get.city}&screen=city_info&id={$l1}">
18.
<area shape="poly" coords="297,60,332,80,368,60,333,40" href="?city={$smarty.get.city}&screen=city_info&id={$l2}">
19.
<area shape="poly" coords="334,80,369,100,405,80,370,60" href="?city={$smarty.get.city}&screen=city_info&id={$l3}">
20.
<area shape="poly" coords="371,100,406,120,442,100,407,80" href="?city={$smarty.get.city}&screen=city_info&id={$l4}">
21.
<area shape="poly" coords="408,120,443,140,479,120,444,100" href="?city={$smarty.get.city}&screen=city_info&id={$l5}">
22.
<area shape="poly" coords="445,140,480,160,516,140,481,120" href="?city={$smarty.get.city}&screen=city_info&id={$l6}">
23.
<area shape="poly" coords="186,40,221,60,257,40,222,20" href="?city={$smarty.get.city}&screen=city_info&id={$l7}">
24.
<area shape="poly" coords="223,60,258,80,294,60,259,40" href="?city={$smarty.get.city}&screen=city_info&id={$l8}">
25.
<area shape="poly" coords="260,80,295,100,331,80,296,60" href="?city={$smarty.get.city}&screen=city_info&id={$l9}">
26.
<area shape="poly" coords="297,100,332,120,368,100,333,80" href="?city={$smarty.get.city}&screen=city_info&id={$l10}">
27.
</map>
28.
</div>
1.
<div style = "position:relative; top:-185px; left:60px;" > 2.
<img style = "position:absolute; left:185px; top:0px;" src = "graphic/map/{$m0}.gif" width = "74" height = "41" > 3.
<img style = "position:absolute; left:222px; top:20px;" src = "graphic/map/{$m1}.gif" width = "74" height = "41" > 4.
<img style = "position:absolute; left:259px; top:40px;" src = "graphic/map/{$m2}.gif" width = "74" height = "41" > 5.
<img style = "position:absolute; left:296px; top:60px;" src = "graphic/map/{$m3}.gif" width = "74" height = "41" > 6.
<img style = "position:absolute; left:333px; top:80px;" src = "graphic/map/{$m4}.gif" width = "74" height = "41" > 7.
<img style = "position:absolute; left:370px; top:100px;" src = "graphic/map/{$m5}.gif" width = "74" height = "41" > 8.
<img style = "position:absolute; left:407px; top:120px;" src = "graphic/map/{$m6}.gif" width = "74" height = "41" > 9.
<img style = "position:absolute; left:148px; top:20px;" src = "graphic/map/{$m7}.gif" width = "74" height = "41" > 10.
<img style = "position:absolute; left:185px; top:40px;" src = "graphic/map/{$m8}.gif" width = "74" height = "41" > 11.
<img style = "position:absolute; left:222px; top:60px;" src = "graphic/map/{$m9}.gif" width = "74" height = "41" > 12.
<img style = "position:absolute; left:259px; top:80px;" src = "graphic/map/{$m10}.gif" width = "74" height = "41" > 13.
<img src = "graphic/map/map_back.gif" width = "518" height = "281" border = "0" usemap = "#map" > 14.
15.
<map name = "map" id = "map" > 16.
<area shape = "poly" coords = "223,20,258,40,294,20,259,0" href = "?city={$smarty.get.city}&screen=city_info&id={$l0}" >
17.
<area shape = "poly" coords = "260,40,295,60,331,40,296,20" href = "?city={$smarty.get.city}&screen=city_info&id={$l1}" >
18.
<area shape = "poly" coords = "297,60,332,80,368,60,333,40" href = "?city={$smarty.get.city}&screen=city_info&id={$l2}" >
19.
<area shape = "poly" coords = "334,80,369,100,405,80,370,60" href = "?city={$smarty.get.city}&screen=city_info&id={$l3}" >
20.
<area shape = "poly" coords = "371,100,406,120,442,100,407,80" href = "?city={$smarty.get.city}&screen=city_info&id={$l4}" >
21.
<area shape = "poly" coords = "408,120,443,140,479,120,444,100" href = "?city={$smarty.get.city}&screen=city_info&id={$l5}" >
22.
<area shape = "poly" coords = "445,140,480,160,516,140,481,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l6}" >
23.
<area shape = "poly" coords = "186,40,221,60,257,40,222,20" href = "?city={$smarty.get.city}&screen=city_info&id={$l7}" >
24.
<area shape = "poly" coords = "223,60,258,80,294,60,259,40" href = "?city={$smarty.get.city}&screen=city_info&id={$l8}" >
25.
<area shape = "poly" coords = "260,80,295,100,331,80,296,60" href = "?city={$smarty.get.city}&screen=city_info&id={$l9}" >
26.
<area shape = "poly" coords = "297,100,332,120,368,100,333,80" href = "?city={$smarty.get.city}&screen=city_info&id={$l10}" >
27.
28.
roberini - 04/02/2009 20:42
HTML beginner
<map name="map" id="map">
<area shape="poly" coords="223,20,258,40,294,20,259,0" href="?city={$smarty.get.city}&screen=city_info&id={$l0}">
<area shape="poly" coords="260,40,295,60,331,40,296,20" href="?city={$smarty.get.city}&screen=city_info&id={$l1}">
<area shape="poly" coords="297,60,332,80,368,60,333,40" href="?city={$smarty.get.city}&screen=city_info&id={$l2}">
<area shape="poly" coords="334,80,369,100,405,80,370,60" href="?city={$smarty.get.city}&screen=city_info&id={$l3}">
<area shape="poly" coords="371,100,406,120,442,100,407,80" href="?city={$smarty.get.city}&screen=city_info&id={$l4}">
<area shape="poly" coords="408,120,443,140,479,120,444,100" href="?city={$smarty.get.city}&screen=city_info&id={$l5}">
<area shape="poly" coords="445,140,480,160,516,140,481,120" href="?city={$smarty.get.city}&screen=city_info&id={$l6}">
<area shape="poly" coords="186,40,221,60,257,40,222,20" href="?city={$smarty.get.city}&screen=city_info&id={$l7}">
<area shape="poly" coords="223,60,258,80,294,60,259,40" href="?city={$smarty.get.city}&screen=city_info&id={$l8}">
<area shape="poly" coords="260,80,295,100,331,80,296,60" href="?city={$smarty.get.city}&screen=city_info&id={$l9}">
<area shape="poly" coords="297,100,332,120,368,100,333,80" href="?city={$smarty.get.city}&screen=city_info&id={$l10}">
<area shape="poly" coords="334,120,369,140,405,120,370,100" href="?city={$smarty.get.city}&screen=city_info&id={$l11}">
<area shape="poly" coords="371,140,406,160,442,140,407,120" href="?city={$smarty.get.city}&screen=city_info&id={$l12}">
<area shape="poly" coords="408,160,443,180,479,160,444,140" href="?city={$smarty.get.city}&screen=city_info&id={$l13}">
<area shape="poly" coords="149,60,184,80,220,60,185,40" href="?city={$smarty.get.city}&screen=city_info&id={$l14}">
<area shape="poly" coords="186,80,221,100,257,80,222,60" href="?city={$smarty.get.city}&screen=city_info&id={$l15}">
<area shape="poly" coords="223,100,258,120,294,100,259,80" href="?city={$smarty.get.city}&screen=city_info&id={$l16}">
<area shape="poly" coords="260,120,295,140,331,120,296,100" href="?city={$smarty.get.city}&screen=city_info&id={$l17}">
<area shape="poly" coords="297,140,332,160,368,140,333,120" href="?city={$smarty.get.city}&screen=city_info&id={$l18}">
<area shape="poly" coords="334,160,369,180,405,160,370,140" href="?city={$smarty.get.city}&screen=city_info&id={$l19}">
<area shape="poly" coords="371,180,406,200,442,180,407,160" href="?city={$smarty.get.city}&screen=city_info&id={$l20}">
<area shape="poly" coords="112,80,147,100,183,80,148,60" href="?city={$smarty.get.city}&screen=city_info&id={$l21}">
<area shape="poly" coords="149,100,184,120,220,100,185,80" href="?city={$smarty.get.city}&screen=city_info&id={$l22}">
<area shape="poly" coords="186,120,221,140,257,120,222,100" href="?city={$smarty.get.city}&screen=city_info&id={$l23}">
<area shape="poly" coords="223,140,258,160,294,140,259,120" href="?city={$smarty.get.city}&screen=city_info&id={$l24}">
<area shape="poly" coords="260,160,295,180,331,160,296,140" href="?city={$smarty.get.city}&screen=city_info&id={$l25}">
<area shape="poly" coords="297,180,332,200,368,180,333,160" href="?city={$smarty.get.city}&screen=city_info&id={$l26}">
<area shape="poly" coords="334,200,369,220,405,200,370,180" href="?city={$smarty.get.city}&screen=city_info&id={$l27}">
<area shape="poly" coords="75,100,110,120,146,100,111,80" href="?city={$smarty.get.city}&screen=city_info&id={$l28}">
<area shape="poly" coords="112,120,147,140,183,120,148,100" href="?city={$smarty.get.city}&screen=city_info&id={$l29}">
<area shape="poly" coords="149,140,184,160,220,140,185,120" href="?city={$smarty.get.city}&screen=city_info&id={$l30}">
<area shape="poly" coords="186,160,221,180,257,160,222,140" href="?city={$smarty.get.city}&screen=city_info&id={$l31}">
<area shape="poly" coords="223,180,258,200,294,180,259,160" href="?city={$smarty.get.city}&screen=city_info&id={$l32}">
<area shape="poly" coords="260,200,295,220,331,200,296,180" href="?city={$smarty.get.city}&screen=city_info&id={$l33}">
<area shape="poly" coords="297,220,332,240,368,220,333,200" href="?city={$smarty.get.city}&screen=city_info&id={$l34}">
<area shape="poly" coords="38,120,73,140,109,120,74,100" href="?city={$smarty.get.city}&screen=city_info&id={$l35}">
<area shape="poly" coords="75,140,110,160,146,140,111,120" href="?city={$smarty.get.city}&screen=city_info&id={$l36}">
<area shape="poly" coords="112,160,147,180,183,160,148,140" href="?city={$smarty.get.city}&screen=city_info&id={$l37}">
<area shape="poly" coords="149,180,184,200,220,180,185,160" href="?city={$smarty.get.city}&screen=city_info&id={$l38}">
<area shape="poly" coords="186,200,221,220,257,200,222,180" href="?city={$smarty.get.city}&screen=city_info&id={$l39}">
<area shape="poly" coords="223,220,258,240,294,220,259,200" href="?city={$smarty.get.city}&screen=city_info&id={$l40}">
<area shape="poly" coords="260,240,295,260,331,240,296,220" href="?city={$smarty.get.city}&screen=city_info&id={$l41}">
<area shape="poly" coords="1,140,36,160,72,140,37,120" href="?city={$smarty.get.city}&screen=city_info&id={$l42}">
<area shape="poly" coords="38,160,73,180,109,160,74,140" href="?city={$smarty.get.city}&screen=city_info&id={$l43}">
<area shape="poly" coords="75,180,110,200,146,180,111,160" href="?city={$smarty.get.city}&screen=city_info&id={$l44}">
<area shape="poly" coords="112,200,147,220,183,200,148,180" href="?city={$smarty.get.city}&screen=city_info&id={$l45}">
<area shape="poly" coords="149,220,184,240,220,220,185,200" href="?city={$smarty.get.city}&screen=city_info&id={$l46}">
<area shape="poly" coords="186,240,221,260,257,240,222,220" href="?city={$smarty.get.city}&screen=city_info&id={$l47}">
<area shape="poly" coords="223,260,258,280,294,260,259,240" href="?city={$smarty.get.city}&screen=city_info&id={$l48}">
<area shape="circle" coords="424,231,12" href="?city={$smarty.get.city}&screen=map&x={$x+1}&y={$y}" title="Oost">
<area shape="circle" coords="95,49,12" href="?city={$smarty.get.city}&screen=map&x={$x-1}&y={$y}" title="West">
<area shape="circle" coords="95,230,12" href="?city={$smarty.get.city}&screen=map&x={$x}&y={$y-1}" title="Zuid">
<area shape="circle" coords="424,49,12" href="?city={$smarty.get.city}&screen=map&x={$x}&y={$y+1}" title="Noord">
</map>
<map name = "map" id = "map" > <area shape = "poly" coords = "223,20,258,40,294,20,259,0" href = "?city={$smarty.get.city}&screen=city_info&id={$l0}" >
<area shape = "poly" coords = "260,40,295,60,331,40,296,20" href = "?city={$smarty.get.city}&screen=city_info&id={$l1}" >
<area shape = "poly" coords = "297,60,332,80,368,60,333,40" href = "?city={$smarty.get.city}&screen=city_info&id={$l2}" >
<area shape = "poly" coords = "334,80,369,100,405,80,370,60" href = "?city={$smarty.get.city}&screen=city_info&id={$l3}" >
<area shape = "poly" coords = "371,100,406,120,442,100,407,80" href = "?city={$smarty.get.city}&screen=city_info&id={$l4}" >
<area shape = "poly" coords = "408,120,443,140,479,120,444,100" href = "?city={$smarty.get.city}&screen=city_info&id={$l5}" >
<area shape = "poly" coords = "445,140,480,160,516,140,481,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l6}" >
<area shape = "poly" coords = "186,40,221,60,257,40,222,20" href = "?city={$smarty.get.city}&screen=city_info&id={$l7}" >
<area shape = "poly" coords = "223,60,258,80,294,60,259,40" href = "?city={$smarty.get.city}&screen=city_info&id={$l8}" >
<area shape = "poly" coords = "260,80,295,100,331,80,296,60" href = "?city={$smarty.get.city}&screen=city_info&id={$l9}" >
<area shape = "poly" coords = "297,100,332,120,368,100,333,80" href = "?city={$smarty.get.city}&screen=city_info&id={$l10}" >
<area shape = "poly" coords = "334,120,369,140,405,120,370,100" href = "?city={$smarty.get.city}&screen=city_info&id={$l11}" >
<area shape = "poly" coords = "371,140,406,160,442,140,407,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l12}" >
<area shape = "poly" coords = "408,160,443,180,479,160,444,140" href = "?city={$smarty.get.city}&screen=city_info&id={$l13}" >
<area shape = "poly" coords = "149,60,184,80,220,60,185,40" href = "?city={$smarty.get.city}&screen=city_info&id={$l14}" >
<area shape = "poly" coords = "186,80,221,100,257,80,222,60" href = "?city={$smarty.get.city}&screen=city_info&id={$l15}" >
<area shape = "poly" coords = "223,100,258,120,294,100,259,80" href = "?city={$smarty.get.city}&screen=city_info&id={$l16}" >
<area shape = "poly" coords = "260,120,295,140,331,120,296,100" href = "?city={$smarty.get.city}&screen=city_info&id={$l17}" >
<area shape = "poly" coords = "297,140,332,160,368,140,333,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l18}" >
<area shape = "poly" coords = "334,160,369,180,405,160,370,140" href = "?city={$smarty.get.city}&screen=city_info&id={$l19}" >
<area shape = "poly" coords = "371,180,406,200,442,180,407,160" href = "?city={$smarty.get.city}&screen=city_info&id={$l20}" >
<area shape = "poly" coords = "112,80,147,100,183,80,148,60" href = "?city={$smarty.get.city}&screen=city_info&id={$l21}" >
<area shape = "poly" coords = "149,100,184,120,220,100,185,80" href = "?city={$smarty.get.city}&screen=city_info&id={$l22}" >
<area shape = "poly" coords = "186,120,221,140,257,120,222,100" href = "?city={$smarty.get.city}&screen=city_info&id={$l23}" >
<area shape = "poly" coords = "223,140,258,160,294,140,259,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l24}" >
<area shape = "poly" coords = "260,160,295,180,331,160,296,140" href = "?city={$smarty.get.city}&screen=city_info&id={$l25}" >
<area shape = "poly" coords = "297,180,332,200,368,180,333,160" href = "?city={$smarty.get.city}&screen=city_info&id={$l26}" >
<area shape = "poly" coords = "334,200,369,220,405,200,370,180" href = "?city={$smarty.get.city}&screen=city_info&id={$l27}" >
<area shape = "poly" coords = "75,100,110,120,146,100,111,80" href = "?city={$smarty.get.city}&screen=city_info&id={$l28}" >
<area shape = "poly" coords = "112,120,147,140,183,120,148,100" href = "?city={$smarty.get.city}&screen=city_info&id={$l29}" >
<area shape = "poly" coords = "149,140,184,160,220,140,185,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l30}" >
<area shape = "poly" coords = "186,160,221,180,257,160,222,140" href = "?city={$smarty.get.city}&screen=city_info&id={$l31}" >
<area shape = "poly" coords = "223,180,258,200,294,180,259,160" href = "?city={$smarty.get.city}&screen=city_info&id={$l32}" >
<area shape = "poly" coords = "260,200,295,220,331,200,296,180" href = "?city={$smarty.get.city}&screen=city_info&id={$l33}" >
<area shape = "poly" coords = "297,220,332,240,368,220,333,200" href = "?city={$smarty.get.city}&screen=city_info&id={$l34}" >
<area shape = "poly" coords = "38,120,73,140,109,120,74,100" href = "?city={$smarty.get.city}&screen=city_info&id={$l35}" >
<area shape = "poly" coords = "75,140,110,160,146,140,111,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l36}" >
<area shape = "poly" coords = "112,160,147,180,183,160,148,140" href = "?city={$smarty.get.city}&screen=city_info&id={$l37}" >
<area shape = "poly" coords = "149,180,184,200,220,180,185,160" href = "?city={$smarty.get.city}&screen=city_info&id={$l38}" >
<area shape = "poly" coords = "186,200,221,220,257,200,222,180" href = "?city={$smarty.get.city}&screen=city_info&id={$l39}" >
<area shape = "poly" coords = "223,220,258,240,294,220,259,200" href = "?city={$smarty.get.city}&screen=city_info&id={$l40}" >
<area shape = "poly" coords = "260,240,295,260,331,240,296,220" href = "?city={$smarty.get.city}&screen=city_info&id={$l41}" >
<area shape = "poly" coords = "1,140,36,160,72,140,37,120" href = "?city={$smarty.get.city}&screen=city_info&id={$l42}" >
<area shape = "poly" coords = "38,160,73,180,109,160,74,140" href = "?city={$smarty.get.city}&screen=city_info&id={$l43}" >
<area shape = "poly" coords = "75,180,110,200,146,180,111,160" href = "?city={$smarty.get.city}&screen=city_info&id={$l44}" >
<area shape = "poly" coords = "112,200,147,220,183,200,148,180" href = "?city={$smarty.get.city}&screen=city_info&id={$l45}" >
<area shape = "poly" coords = "149,220,184,240,220,220,185,200" href = "?city={$smarty.get.city}&screen=city_info&id={$l46}" >
<area shape = "poly" coords = "186,240,221,260,257,240,222,220" href = "?city={$smarty.get.city}&screen=city_info&id={$l47}" >
<area shape = "poly" coords = "223,260,258,280,294,260,259,240" href = "?city={$smarty.get.city}&screen=city_info&id={$l48}" >
<area shape = "circle" coords = "424,231,12" href = "?city={$smarty.get.city}&screen=map&x={$x+1}&y={$y}" title = "Oost" >
<area shape = "circle" coords = "95,49,12" href = "?city={$smarty.get.city}&screen=map&x={$x-1}&y={$y}" title = "West" >
<area shape = "circle" coords = "95,230,12" href = "?city={$smarty.get.city}&screen=map&x={$x}&y={$y-1}" title = "Zuid" >
<area shape = "circle" coords = "424,49,12" href = "?city={$smarty.get.city}&screen=map&x={$x}&y={$y+1}" title = "Noord" >
waar is de link naar het plaatje?
Fazammy - 04/02/2009 20:43
Nieuw lid
roberini schreef:
waar is de link naar het plaatje?
In het deel erboven, net boven <map> dus...
Daar staat:
<img src="graphic/map/map_back.gif" width="518" height="281" border="0" usemap="#map">
<img src = "graphic/map/map_back.gif" width = "518" height = "281" border = "0" usemap = "#map" >
Gesponsorde links
Dit onderwerp is gesloten .