/ Forside / Teknologi / Multimedie & design / FrontPage / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
FrontPage
#NavnPoint
molokyle 3730
bentjuul 3355
BjarneD 2776
dk 1515
emesen 1490
strarup 1480
catbody 1241
brokke44 1160
er_du_klog 1052
10  PARKENSS 1050
Tilpas stort billede til skærm
Fra : Lars Thomsen Nielsen


Dato : 29-07-02 15:12

Jeg har været inde på en hjemmeside hvor der blev loaded et stort
billede, som fyldte mere end skærmen. Da billedet så var hentet
blev det helt automatisk tilpasset til min skærm. Jeg kunne
desværre ikke aflæse kildekoden, men ved nogen af jer hvordan man
laver dette trick?

mvh

Lars Thomsen Nielsen

NB: Beklager at mine indlæg en time foran - serveren har skylden
og jeg *kan* ikke rette det.





 
 
Peter Hindsgaul (29-07-2002)
Kommentar
Fra : Peter Hindsgaul


Dato : 29-07-02 14:14

Lars Thomsen Nielsen wrote:
> Jeg har været inde på en hjemmeside hvor der blev loaded et stort
> billede, som fyldte mere end skærmen. Da billedet så var hentet
> blev det helt automatisk tilpasset til min skærm. Jeg kunne
> desværre ikke aflæse kildekoden, men ved nogen af jer hvordan man
> laver dette trick?

Er det ikke bare IE6 der har den funktion?

vh
Peter



Knud Gert Ellentoft (29-07-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 29-07-02 18:02

Mon, 29 Jul 2002 15:13:54 +0200, skrev "Peter Hindsgaul"
<hindsgaul@dfn.de>:

>Er det ikke bare IE6 der har den funktion?

Lars har skrevet indlægget med OE 5.5, så IE er sikkert også IE
5.5 og det har ikke den funktion.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Jens Peter Karlsen (29-07-2002)
Kommentar
Fra : Jens Peter Karlsen


Dato : 29-07-02 15:09

Det gøres automatisk af IE6. Det er ikke noget du kan gøre.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On Mon, 29 Jul 2002 15:12:04 +0100, "Lars Thomsen Nielsen"
<LTN@CarlBro.dk> wrote:

>Jeg har været inde på en hjemmeside hvor der blev loaded et stort
>billede, som fyldte mere end skærmen. Da billedet så var hentet
>blev det helt automatisk tilpasset til min skærm. Jeg kunne
>desværre ikke aflæse kildekoden, men ved nogen af jer hvordan man
>laver dette trick?


Jens Bjargum (29-07-2002)
Kommentar
Fra : Jens Bjargum


Dato : 29-07-02 17:36

> Jeg har været inde på en hjemmeside hvor der blev loaded et stort
> billede, som fyldte mere end skærmen. Da billedet så var hentet
> blev det helt automatisk tilpasset til min skærm. Jeg kunne
> desværre ikke aflæse kildekoden, men ved nogen af jer hvordan man
> laver dette trick?

Som der er andre der har nævnt, så er det højst sandsynligt bare IE6 der
automatisk har gjort det.

Men det er dog muligt selv at bestemme det også, ved blot at sætte højde og
bredde på billedet til 100%

<img border="0" src="billede.jpg" width="100%" height="100%">

Jens



Jens Bjargum (29-07-2002)
Kommentar
Fra : Jens Bjargum


Dato : 29-07-02 17:38


> <img border="0" src="billede.jpg" width="100%" height="100%">
>
> Jens


Jeg så lige at det var i Frontpage gruppen du havde stillet spørgsmålet. Så
behøver du selvfølgelig ikke selv skrive HTML koden, bare højreklik på
billedet, vælge billedegenskaber, og her kan du så bestemme størrelsen,
enten i pixels eller %. Du skal selvfølgelig så bare sætte den til 100%

Jens



Knud Gert Ellentoft (29-07-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 29-07-02 18:01

Mon, 29 Jul 2002 15:12:04 +0100, skrev "Lars Thomsen Nielsen"
<LTN@CarlBro.dk>:

>Jeg har været inde på en hjemmeside hvor der blev loaded et stort
>billede, som fyldte mere end skærmen.

<http://home13.inet.tele.dk/smedpark/webhjaelp/popup/ae47_2.htm>

Højreklik => vis kilde.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lars Thomsen Nielsen (29-07-2002)
Kommentar
Fra : Lars Thomsen Nielsen


Dato : 29-07-02 22:33

"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en
meddelelse

> >Jeg har været inde på en hjemmeside hvor der blev loaded et
stort
> >billede, som fyldte mere end skærmen.

Undskyld folkens. Jeg vidste ikke at IE6 havde denne ting
indbygget, men troede det var noget HTML kode af en eller anden
slags. Forklaringen på at jeg har skrevet indlægget med OE5
skyldes min PC på arbejde hvor vi ikke er opgraderet endnu.
Privat bruger jeg OE6/IE6 (som nu).

>
<http://home13.inet.tele.dk/smedpark/webhjaelp/popup/ae47_2.htm>
> Højreklik => vis kilde.

Men alligevel tyder det på at jeg får løst mit problem via smart
kode - tak til Knud. Dog har Javascriptet det problem, at et
lille billede bliver "for stort" når man eksempelvis maksimerer
skærmen på et lille billede. Kan det løses uden de helt store
problemer ville jeg gerne høre nærmere. Jeg er ikke den helt
store Javascript ekspert (men jeg lærer gerne).

Lars


Knud Gert Ellentoft (29-07-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 29-07-02 23:03

Mon, 29 Jul 2002 23:33:23 +0200, skrev "Lars Thomsen Nielsen"
<lars@flexcom.dk>:

>Men alligevel tyder det på at jeg får løst mit problem via smart
>kode - tak til Knud. Dog har Javascriptet det problem, at et
>lille billede bliver "for stort" når man eksempelvis maksimerer
>skærmen på et lille billede

Prøv at smid dette i head.

<script>
function StopMax(){
var maxWidth = 400;
var maxHeight = 400;
var cWidth =
document.all?document.body.offsetWidth:window.innerWidth;
var cHeight =
document.all?document.body.offsetHeight:window.innerHeight;

if (cWidth>maxWidth || cHeight>maxHeight){
window.resizeTo(maxWidth,maxHeight)
}
}

window.onresize = StopMax;
</script>

Her kan du sætte et max, hvor stort vinduet må blive.
I ovennævnte er det 400*400, men det rettes jo bare til det
aktuelle.

Jeg ved ikke om det vil konflikte med det andet script, har ikke
lige tid til at prøve efter, men der kan ikke ske noget ved at
prøve.


--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lars Thomsen Nielsen (01-08-2002)
Kommentar
Fra : Lars Thomsen Nielsen


Dato : 01-08-02 11:35

"Knud Gert Ellentoft" <knudgert@mail.tele.dk> wrote in message

[SNIP]

> Prøv at smid dette i head.

[SNIP]

> Jeg ved ikke om det vil konflikte med det andet script, har
ikke
> lige tid til at prøve efter, men der kan ikke ske noget ved at
> prøve.

Jeg har rettet så godt jeg kunne i dit script. Nu er jeg som sagt
ikke den store Javascripthaj, men koden vist sidst i denne mail
virker for alle billedstørrelser.

Jeg er dog løbet ind i et problem, som jeg ikke umiddelbart kan
løse, men måske en venlig sjæl vil hjælpe. Jeg skal bruge omtalte
kode på en hjemmeside med frames. I en frame (Testt.htm) vises
thumbnails af en række billeder. Klikkes på et thumbnail skal
billedet vises i hovedskærmen (Testp.htm). Mit problem er, at jeg
ikke kan finde ud af at kalde scriptet når jeg klikker på en
thumbnail i Testt.htm. Pt. ser kaldet i Testt.htm ud som følger:

<TR>
<TD ALIGN="center" VALIGN="middle"><A
HREF="../../Glasbyggeri.JPG"><IMG BORDER="1"
SRC="../../thumbs/Thumb001.jpg" Width="75" Height="100"
ALT="Glasbyggeri.JPG (69963 bytes)"></A></TD>
</TR>

Hvor skal jeg skrive javascriptkoden og hvordan kaldes den?

Er mit spørgsmål til at forstå?

Lars

*********************************
Java kode der virker for alle billedstørrelser
*********************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<link REL="STYLESHEET" HREF="../../smp.css" TYPE="text/css">
<META NAME="Author" CONTENT="Knud Gert Ellentoft">
<title>Lars Test</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Start på tilpas billede
function showpic(src, w, h, alt, aln, pw, ph, bw, bh) {
if (src == null) return;
var iw, ih; // Set inner width and height
if (window.innerWidth == null) {
iw = document.body.clientWidth;
ih=document.body.clientHeight;
}
else {
iw = window.innerWidth;
ih = window.innerHeight;
}
if (w == null) w = iw;
if(h == null) h = ih;
if(alt == null) alt = "Picture";
if(aln == null) aln = "left";
if(pw == null) pw = 100;
if(ph == null) ph = 100;
if(bw == null) bw = 24;
if(bh == null) bh = 24;
// iw = screen.availWidth;
// ih = screen.availHeight;
// iw = document.body.clientWidth;
// ih = document.body.clientHeight;
iw = w
ih = h
if (w > document.body.clientWidth) {
if (h < document.body.clientHeight) iw =
document.body.clientWidth;
if (h >= document.body.clientHeight) ih =
document.body.clientHeight; }
if (h > document.body.clientHeight) {
if (w < document.body.clientWidth) ih =
document.body.clientHeight;
if (w >= document.body.clientWidth) iw =
document.body.clientWidth; }
var sw = Math.round((iw - bw) * pw / 100);
var sh = Math.round((ih - bh) * ph / 100);
if ((w * sh) / (h * sw) < 1) sw = Math.round(w * sh / h);
else sh = Math.round(h * sw / w);
document.write('<img src="'+src+'" alt="'+alt+'" width="'+sw+'"
height="'+sh+'" align="'+aln+'">');
}
// Slut på script -->
</script>
</HEAD>
<BODY class="ta" onResize="self.location.reload();">
<script language="javascript">
showpic("Marriott.jpg ", 200, 150, "Lars Test - 200x150",
"middle");
</script>
</html><!-- den nedenstående kode er indsat automatisk af TDC
Internet for at måle trafikken på siderne. Målingen foregår
således at brugeren garanteres 100% anonymitet. Denne kode må
ikke sættes ud af funktion, kopieres, eller ændres. Læs mere om
opasias hjemmesider på http://internet.opasia.dk/hjemmeside/
.. -->

<!-- START RedMeasure V4 --><script type="text/javascript"><!--

function measurePage() {
var refR=escape(document.referrer);
if (refR.length>=252) refR=refR.substring(0,252)+"...";
var postReq='<img
src="http:\/\/server-dk.imrworldwide.com\/cgi-bin\/count?cid=dk_T
eleFanten_0&amp;ref='+refR+'&amp;rnd='+(new Date()).getTime()+'"
width="1" height="1" alt="">';
if (window == top) {
document.write(postReq);
}
}
measurePage();

//--></script><!-- END RedMeasure V4 -->





Knud Gert Ellentoft (01-08-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 01-08-02 12:25

Thu, 1 Aug 2002 11:35:17 +0100, skrev "Lars Thomsen Nielsen"
<LTN@CarlBro.dk>:

> Klikkes på et thumbnail skal
>billedet vises i hovedskærmen (Testp.htm). Mit problem er, at jeg
>ikke kan finde ud af at kalde scriptet når jeg klikker på en
>thumbnail i Testt.htm. Pt. ser kaldet i Testt.htm ud som følger:
>
><TR>
><TD ALIGN="center" VALIGN="middle"><A
>HREF="../../Glasbyggeri.JPG"><IMG BORDER="1"
>SRC="../../thumbs/Thumb001.jpg" Width="75" Height="100"
>ALT="Glasbyggeri.JPG (69963 bytes)"></A></TD>
></TR>
>Hvor skal jeg skrive javascriptkoden og hvordan kaldes den?

Du skal ligge hvert billede ind på en htmlside og sætte scriptet
i <head> på den pågældende side og altså ikke linke til billedet
men til en side.

><!-- den nedenstående kode er indsat automatisk af TDC (osv)

Den skal du ikke bruge, den har ikke noget med scriptet at gøre,
det er en tæller TDC sætter på.



--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lars Thomsen Nielsen (01-08-2002)
Kommentar
Fra : Lars Thomsen Nielsen


Dato : 01-08-02 15:08

"Knud Gert Ellentoft" <knudgert@mail.tele.dk> wrote in message
> Du skal ligge hvert billede ind på en htmlside og sætte
scriptet
> i <head> på den pågældende side og altså ikke linke til
billedet
> men til en side.

SELVFØLGELIG! Tak for den. Nu virker det fint med frames og al
ting

> ><!-- den nedenstående kode er indsat automatisk af TDC (osv)
>
> Den skal du ikke bruge, den har ikke noget med scriptet at
gøre,
> det er en tæller TDC sætter på.

Jeg havde taget det fra din hjemmeside og ville ikke fjerne det,
sæt nu du blev sur

Lars



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste