---

Hej

Hvordan får jeg følgende script til at kun vise billeder i
størrelsen 240 x 320 ?

<style type="text/css">

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
</style>

<script type="text/javascript">



var ie=document.all
var ns6=document.getElementById&&!document.all

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat"
&& !window.opera)? document.documentElement : document.body
}

function enlarge(which, e, position, imgwidth, imgheight){
if (ie||ns6){
crossobj=document.getElementById?
document.getElementById("showimage") : document.all.showimage
if (position=="center"){
pgyoffset=ns6? parseInt(pageYOffset) :
parseInt(ietruebody().scrollTop)
horzpos=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 :
ietruebody().scrollLeft+ietruebody().clientWidth/2-imgwidth/2
vertpos=ns6? pgyoffset+window.innerHeight/2-imgheight/2 :
pgyoffset+ietruebody().clientHeight/2-imgheight/2
if (window.opera && window.innerHeight) //compensate for Opera
toolbar
vertpos=pgyoffset+window.innerHeight/2-imgheight/2
vertpos=Math.max(pgyoffset, vertpos)
}
else{
var horzpos=ns6? pageXOffset+e.clientX :
ietruebody().scrollLeft+event.clientX+20
var vertpos=ns6? pageYOffset+e.clientY :
ietruebody().scrollTop+event.clientY+10
}
crossobj.style.left=horzpos+"px"
crossobj.style.top=vertpos+"px"

crossobj.innerHTML='<div align="center" id="dragbar"><span
id="closetext" onclick="closepreview()">Luk billede</span>
</div><img src="'+which+'">'
crossobj.style.visibility="visible"
return false
}
else //if NOT IE 4+ or NS 6+, simply display image in full
browser window
return true
}

function closepreview(){
crossobj.style.visibility="hidden"
}

function drag_drop(e){
if (ie&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx+"px"
crossobj.style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
}
return false
}

function initializedrag(e){
if
(ie&&event.srcElement.id=="dragbar"||ns6&&e.target.id=="dragbar")
{
offsetx=ie? event.clientX : e.clientX
offsety=ie? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}

document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

</script>

<a onMouseover =""return enlarge('"& billed &"',event)""><img
src=""banner/camera.gif"" border=""0""></a>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Nemt, brug et grafik program til at skalere dine billeder til 240x320.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On 20 May 2006 15:45:46 GMT, johnny pedersen <donner_63@hotmail.com>
wrote:

>Hej
>
>Hvordan får jeg følgende script til at kun vise billeder i
>størrelsen 240 x 320 ?

---

v0id skrev:

> Sæt dette op i din style:
> img {
> height: 320;
> width: 240;
> }
> det burde gøre det.


Nope - der skal enheder på alle tal forskellig fra 0 i css.

img {
height: 320px;
width: 240px;
}

Nogle browsere vil måske selv tilføje enheden, men man skal ikke
regne med det (der vil formentlig også være forskel alt efter om
dokumentet vises i standard- eller quirks-mode).


Derudover er der upraktisk at skalere billeder med css. Hvis man
skalerer dem ned, skal browseren overføre langt flere billeddata
end der er brug for - derved bliver downloadtiden for siden øget.
Hvis man skalerer op, bliver billedkvaliteten forringet.

Billeder bør - som Jens Peter Karlsen har nævnt - skaleres i et
grafikprogram.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Sæt dette op i din style:
img {
height: 320;
width: 240;
}
det burde gøre det.
HVIS ikke det virker, så indsæt dette:
..FastStr {
height: 320;
width: 240;
}
også sæt class på dine/dit billede.

---

Hej v0id

Tak det vil jeg prøve.

mvh

Johnny

v0id wrote in dk.edb.internet.webdesign.clientside:
> Sæt dette op i din style:
> img {
> height: 320;
> width: 240;
> }
> det burde gøre det.
> HVIS ikke det virker, så indsæt dette:
> ..FastStr {
> height: 320;
> width: 240;
> }
> også sæt class på dine/dit billede.
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Det bør du ikke gøre.
For det første ser det for det meste grimt ud når du lader browseren
om at skalere billeder.
For det andet er der problemet med størrelsen. Dit billede på 600x400
(tænkt eksempel) vil stadig fylde 1MB selv om browseren skalerer det
ned. Brug et grafik program som jeg skrev og størrelsen vil blive
meget mindre.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On 21 May 2006 16:37:44 GMT, johnny pedersen <donner_63@hotmail.com>
wrote:

>Tak det vil jeg prøve.
>

---

Hov, selvfølgelig.
Du har ret, Jens.

En lille fejl fra min side.