Hej Allesammen
Jeg er fotograf og laver min egen hjememside i flash. Har længe haft en i 800x600 men har nu designet en større site.
Mit problem er at siten nu er kæmpe stor med masser af "scroll" når den bliver set på skærme med lavere opløsning.
Er der nogen der kender til en kode som man kan skrive ind i index.html eller lign. som gør at den tilpasser sig de forskellige resolutions ???
(Jeg har fået at vide at man skal sætte en % ...men hvor skal det skrives ind ?
Jeg har erfaring med at billederne bliver "flossede" hvis de ikke holder størrelsen)
6 kommentarer
Hvor stort er det? Har du tænkt på hvilken opløsning du designer til? (1024x768 giver ca. 980 x560 at lege med)? Skal dit layout være flydende så det tilpasser sig alle størrelser fra og med 980x560?
Velkommen til det vi web folk briger 50% af vores tid på!!! Din side kan sagtens tilpasses alle skærmstørrelser, men det kræver en del arbejde med position, skalering osv. inde i Flash (med actinoscript). Du kan godt strække hele siden ved at skrive procenter i html'en og tillade skalering inde i Flash. Men jeg vil ikke anbefale det. Du skal hellere kigge lidt på onResize funktionen som du kan lytte på for at placere og skalere indhold - på den måde kan du undgå at tekster f.eks. skalerer. Og hvis dine billeder flosser/pixelerer kan du sætte smoothing på dem
Siten er designet til 1280x1024 og er derfor lavet i 1240x824
Jeg plejer at skrive størrlesen ind i html filen netop for at den holder størrelsen i forhold til designet og billederne.
Når jeg sætter den til 100% i html filen (hvilket jeg lige har prøvet) holder den ....så vidt jeg kan se størrelsen i forhold til mindre resolution, men billederne bliver flossede/pixeleret. Ikke fedt som fotograf
Der må være en måde man kan undgå dette.
Men jeg er ikke erfaren ...og skal derfor havde det skåret ud i pap
Til Ham Selv
Tak for tips....ja lige netop jeg har nu prøvet at sætte den til 100 procent, som så laver skalering istedet.
onResize hvor finder jeg det ? ...er ikke sikker på at det er noget jeg skal rode mig ud i
Normalt bør du have et design der som minimum passer til 1024x768 i opløsning eller højere, ellers udelukker du ca. 36% af besøgende i gennemsnit. http://www.w3schools.com/browsers/browsers_display.asp - men med det sagt, så synes jeg du skal wrappe din flash i et div hvor du sætter width & height til 1240x824, og så centrere dette div i din html-side. Det vil fungere fint hvis du har en baggrund der kan vises uden om din wrapper-div, ved skærmstørrelser over 1280x1024. Det kan dog give problemer hvis du har en baggrund der ikke let kan gentages som et mønster eller en farve.
Hælper det?
Jeg tror onResize bliver for indviklet for dig umiddelbart, det lyder ikke som om du har rodet med actionscript før? - Men det kan sagtens læres!
For at dine billeder ikke bliver "flossede" skal du sætte deres smoothing property til true, hvis dine billeder ligger i dit library kan du højreklikke på dem, vælge properties og tjekke i smoothing tjekboksen. Hvis dine billeder bliver loadet med ActionScript skal du på en eller anden måde(sikkert i loadComplete funktionen) sætte bitmap.smoothing = true;