du kan lave det med 2 image, hvor du så styrer bg i cellen fra blå til gul og "korset" styres med en gennemsigtig gif hvor korset ikke er gennemsigtig. Men det nemmeste er så at lave det med to giffer
roenving og /cdc .. Jeg er selv i gang med projektet sammen med godlike (Lars). Og I undviger hans spørgsmål :) Flaget var kun et eksempel. Og spørgsmålet lød på, hvordan man udskiftede #XXXXXX farver, ved brug af fx CSS, PHP eller noget helt trejde.
Kan man ikke smide et filter på, et ActiveX-object på et billede (???), hvor dette filter ændrer farver efter en forudbestemt indstilling?
Jeg har her fundet et eksempel på noget, man kunne bruge det på: Et landområde er blevet indtaget, og dette landområde skal skifte farve fra én farve til en anden. Kan se der er billede på billede (noget det I, roen og cdc, nævner). Men hvordan skaffer man sådan en overordnet styring af alle de billeder?!
Så må du lave eet grundbillede med start-farverne på, og derefter eet gif-billede for hver eneste landområde i hver eneste mulige farve (resten som transparent !-) og derefter lægge dem præcis ovenpå hinanden på det sted, de hører hjemme ...
-- hvilket også er den måde, det gøres på på linket !-)
display:none; betyder at der ikke er nogle spor af elementet, når du så bruger position:absolute; skal display ændres til: block; når elementet skal vises ...
-- derfor skal du have en id på alle dine billeder (id="denmarkBlue" !-) som du kan tage fat i en en javascript-funktion:
Visibility viol betyde, at der er eet spor efter elementet: det vil optage plads, men det betyder ikke noget, når man bruger absolut positionering, men jeg bruger dog altid display, når jeg skjuler/viser absolutte !-)
Men lige én ting mere, inden jeg får Godlike til at give dig point. (skal også bruge et svar btw)
Ser du... Hvis nubaggrundsbilledet rykker sig. Altså Europakortet bliver flyttet lidt nedad, hvis der skal nogen reklamer ovenover. Så passer alle de hidtil satte koodinater jo ikke.
For jeg går ud fra at: img src="omraade.gif" style="position:absolute;left:XXpx;top:YYpx;width:Xpx;height:Ypx;display:none;"> Giver koordinatet ift. vinduet, og ikke billedet... right? Er det et problem man må leve med, eller er der en mulighed for en løsning?
Iøvrigt har jeg glemt at give den ene løsningsmulighed, for I kan nøjes med at lægge eet <img>-tag ekstra for hver region, og så ændre dets .src hvis I skal bruge et med en anden farve !-)
-- jeg har ikke selv leget med den, men har fået hvisket i ørerne, at det skulle placere sig i forhold til omkransende elementer, som var positioneret, men så flytter vi bare problemet fra de enkelte images til det omkransende element, men det er jo selvfølgelig enklere at løse ...
Men man kan jo benytte sig af en positionering onload <body ... onload="posDiv()">:
<script type="text/javascript"> function posDiv(){ var div, divIDs = ['img1',15,23,'img2',38,23,'img3',125,34,'img4',234,345,'img5',212,233,'img6',399,333]; elm = document.getElementById('europaKort'); for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent); for(i=0;divIDs.length>i;i+=3){ div = document.getElementById(divIDs[i]); div.style.left = divIDs[i+1] + zx + "px"; div.style.top = divIDs[i+2] + zy + "px"; } } </script>
-- så betyder sekvensen:
'img1',15,23
elementet img1 skal ligge 15 px fra venstre kant af det omgivende billede og 23 px fra toppen !-)
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.