Avatar billede galan Nybegynder
07. november 2006 - 14:35 Der er 9 kommentarer og
1 løsning

Et billede hvor elementerne kan skifte farve

Hej Eksperter,

Jeg sidder med et projekt, hvor jeg har et billede af en seng, hvor mine kunder skal kunne vælge farver på en væg, dynebetræk, pudebetræk, og på lagenet.

Jeg kunne godt sidde og lave alle billederne i photoshop og få nogle gode resultater, men der er et ret stort udvalg, så det ville tage mig flere uger bare for at lave alle de forskellige kombinationer. Problemet er at det er på et og samme billede.

Der må findes en anden og smartere måde at gøre det på, og har overvejet noget flash, men har absolut ikke nogen kendskab til dette program, så det ville tage mig endnu længere tid at få det støbt sammen.

Har i nogle forslag til hvad man kunne gøre i sådan et tilfænde?
Avatar billede jakoba Nybegynder
07. november 2006 - 16:22 #1
Beklager. men der er ikke såmeget 'billed behandling' i browserne til at de kan ændre farver på et fortografi. du kunne evt gøre det med php og GDlib (hvis du har det på din server) men igen, det kræver lidt kendskab :-)

Den 'nemme' måde er at tage 117 forskellige billeder hvor du har redt sengen med nyt sengetøj for hvert billede (sæt kameraet på en trefod så det bliver præcis samme vinkel hver gang).
Avatar billede galan Nybegynder
07. november 2006 - 16:30 #2
Hehe ja har helt droppet det med at tage alle billederne.

Men det jeg leder efter er nogle konkrete eksempler på hvordan det kan lade sig gøre, så jeg selv har mulighed for at se det an, og så få nogle kammererater som kan programmere til at kigge på det.

Men kan du forklare mig, hvordan det kan lade sig gøre i php, bare rent teoretisk?
Avatar billede roenving Novice
07. november 2006 - 16:46 #3
En anden mulighed er at klippe de forskellige elementer ud og placere dem langsomt (med pixel-nøjagtighed er det faktisk svært !-) inde i et positioneret element ...

-- billederne skal så være bygget med transperant baggrund, da html-markup kun kan adressere firkantede område, mens dine del-elementer næppe har den form !o]

-- når du først har fået placeret elementerne er det så faktisk temmeligt let at producere en serie af elementerne i forskellig farve - og endnu lettere at udskifte dem i html-koden !-)
Avatar billede galan Nybegynder
07. november 2006 - 18:45 #4
Hej roenving, det lyder jo som om det skulle kunne lade sig gøre...

Du skriver at det skal placeres i et positioneret element? - Kan du forklare denne lidt nærmere?
Avatar billede roenving Novice
12. november 2006 - 06:04 #5
<div style="position=relative;width:350px;height:300px;">
  <img src=" ... " style="top:35px;left:200px;">
  <img src=" ... " style="top:305px;left:20px;">
</div>
Avatar billede galan Nybegynder
12. november 2006 - 18:12 #6
Hej igen,

Hvis jeg forsøger med 2 gif billeder, kommer de bare nede under hinanden. De lægger sig altså ikke ovenpå.

Er det mig der gør det forkert?
Avatar billede roenving Novice
13. november 2006 - 00:47 #7
Nu havde jeg jo heller ikke taget højde for, at de skulle overlappe (og havde glemt at positionere !-), så f.eks.

<div style="position=relative;width:350px;height:300px;">
  <img src=" ... " style="position:absolute;top:35px;left:200px;">
  <img src=" ... " style="position:absolute;top:305px;left:20px;">
</div>
Avatar billede galan Nybegynder
13. november 2006 - 22:27 #8
Det var lige det jeg havde brug for! - Mange tak... Smid et svar.
Avatar billede roenving Novice
16. november 2006 - 01:15 #9
Velbekomme '-)
Avatar billede roenving Novice
06. august 2007 - 15:53 #10
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester