Sry forkert tråd....
--
i5 2500k, Radeon 6950 mm. se profil for fulde specs
stavefejl er gratis :-)
Lad os antage at din broder har en skærm med evt.
800x600 i opløsning, han ser så kun billedet i halv str. altså 400x300.
Det må betyde at du køre en opløsning på den str.hvis billedet ikke er str. end 400x300 så vil 100% jo vise det som 100% altså den faktiske str. altså 400x300.
Det du vil er at alt efter opløsning på skærmen så vil du have vist billedet i evt. full screen size !?
Hvis ja, hvad koder du i !?
Du kan med Javascript kigge på hvad brugeren køre med af skærmopløsning.
=1024) && (screen.height>=768))
{
Sæt Billede str. til xxx;
}
Else if ((screen.width>=800) && (screen.height>=600))
{
Sæt Billede str. til noget andet xxx;
}
OSV OSV OSV. ALLE str. igennem.
else
{
Hvis intet passer så sæt Billede str. til xxx;
}
//-->
--
GA-EX58A-UD3R|I7 920 D0|Hydro H70|12GB Corsair 8-8-8-24|2xEAH5870 1GB|Cooler Master CM 690 Pure.
Du kunne også lave en Funktion
som så bliver kaldt i OnLoad i body.
--
GA-EX58A-UD3R|I7 920 D0|Hydro H70|12GB Corsair 8-8-8-24|2xEAH5870 1GB|Cooler Master CM 690 Pure.
en mulighed mere kunne være at bruge forskellige CSS filer alt efter skærm str. og så bruge evt noget ala.
$(document).ready(function() {
if ((screen.width>=1024) && (screen.height>=768)) {
$("link[rel=stylesheet]:not(:first)").att-
r({href : "detect1024.css"});
}
else {
$("link[rel=stylesheet]:not(:first)").att-
r({href : "detect800.css"});
}
});
--
GA-EX58A-UD3R|I7 920 D0|Hydro H70|12GB Corsair 8-8-8-24|2xEAH5870 1GB|Cooler Master CM 690 Pure.
I html
--
mvh hej med dig !!!
i5-2500k, Radeon HD 6950 2GB mm. Se profil.
#3 Lyder en smule gammeldags - om man virkeligt skal begynde at scripte sig ud af layout problemstillinger, så brug i det mindste jQuery :P
#0 %-vis størrelse beror på det overliggende elements dimensioner, dvs du skal sætte procentvis størrelse hele vejen igennem din div-struktur eller lign. Alt i alt er det lidt noget snavs - alternativt kan du give dem en ".variable" class og via fx jQuery skrive noget ala
$(document).ready(function() {
if ((screen.width>=1600)){
$("img.variable").c-
ss( "width",300).css("height","-
-
-
;auto");
}
else {
$("img.variable").css("width",2-
00).css("height","auto");
}
}
)-
;
Og så give din img class:
Så bliver dit billede 300px bredt hvis opløsningen på skærmen er mere end 1600 i bredden... eller 200px hvis opløsningen er mindre...
du kan også sætte størrelsen direkte i forhold til skærmens bredde... fx:
var imgw = Math.round(screen.width/8);
$("img.variable"-
-
-
;).css("width",imgw).css( "height","auto" );
...nu bliver de en 8. del af skærmens bredde - hvad dét så end er.
Dette kræver dog at du inkluderer jquery i din side, men vil kraftigt anbefale at du sætter dig lidt ind i det på
www.jquery.com[...]
Alt i alt er det ikke nogen god løsning, ideelt så lav et layout der fungerer fra 1280x768 til 1920x1200 ...ca 900-1000px i bredden plejer at passe okay til det meste.. Fjolser som mig der kører WQXGA vi skal nok klare os.
--
Pjat: PhenII X6 1100T, Zotac 560Ti 448c, 12GB HypX:1600mhz, Intel 320SSD 160gb, 30" Dell U3011.
Alvor: 17" MacBook Pro + ASUS N55SF. Shit mand... HOL formaterer godt nok ikke kode pænt =I
#4 beat me to it heh ;P
--
Pjat: PhenII X6 1100T, Zotac 560Ti 448c, 12GB HypX:1600mhz, Intel 320SSD 160gb, 30" Dell U3011.
Alvor: 17" MacBook Pro + ASUS N55SF.
Prøver lige igen:
$(document).ready(function() {
if ((screen.width>=1600)){
$(´img.variable´)
.css(´width´,300)
.css(´height´,´auto´);
}
else {
$(´img.variable´)
.css(´width´,200)
.css(´height´,´auto´);
}
});
Og så give din img class:
<img src="img.png" class="variable">
du kan også sætte størrelsen direkte i forhold til skærmens bredde... fx:
var imgw = Math.round(screen.width/8);
$(´img.variable´)
.css(´-
width´,imgw)
.css(´height´,´auto´);
--
Pjat: PhenII X6 1100T, Zotac 560Ti 448c, 12GB HypX:1600mhz, Intel 320SSD 160gb, 30" Dell U3011.
Alvor: 17" MacBook Pro + ASUS N55SF.
Suk... kan godt se man bare skal droppe kode-eksempler i det her forum :P
--
Pjat: PhenII X6 1100T, Zotac 560Ti 448c, 12GB HypX:1600mhz, Intel 320SSD 160gb, 30" Dell U3011.
Alvor: 17" MacBook Pro + ASUS N55SF.
Jeg kan ikke noget javascript andet end at få det ind i html documentet og write.documents er det ikke muligt i html?
--
...sæt dig ind i jQuery... det er virkeligt simpelt når man først lige har forstået det helt basale - det er faktisk "lettere" end almindeligt javascript.
--
Pjat: PhenII X6 1100T, Zotac 560Ti 448c, 12GB HypX:1600mhz, Intel 320SSD 160gb, 30" Dell U3011.
Alvor: 17" MacBook Pro + ASUS N55SF.
Okay tak for alle svarende
--
Nuxx
Nu var det jo bare et eks. samt et fingerpeg, om det er Java eller jQuery ja... det kan løses på begge måder, dog vil jeg give dig ret, jQuery er mere kraftfuldt, giver flere muligheder, men er ikke nemt at forstå for en nybegynder, derfor tænkte jeg Java, da en "If Then Else" er nem at forstå , men du har ret. ;)
Her er lidt Java eks.
http://www.google.dk[...]
Her er lidt jQuery eks.
http://www.google.dk[...]
--
GA-EX58A-UD3R|I7 920 D0|Hydro H70|12GB Corsair 8-8-8-24|2xEAH5870 1GB|Cooler Master CM 690 Pure.