Avatar billede Slettet bruger
23. maj 2006 - 18:47 Der er 4 kommentarer og
1 løsning

Billedfremvisning I CSS

Hej

Jeg tænkte på en kode som kan få et stort billede indremmet (presset sammen) i en lille boks på en side, hvoraf man så kan trykke og så dukker billedet up i et popup.

Skelettet af siden i øjeblikket:
www.jesperposter.1go.dk

Hvoraf I kan se det store billede på forsiden og det er billeder som disse som jeg tænkte at tilpasse i et form for galleri.

Jesper
Avatar billede olebole Juniormester
23. maj 2006 - 18:52 #1
<ole>

Det kan du ikke med CSS - men med java script:
    http://roenving.users.whitehat.dk/index.html?/WD1ResizeTilBillede.html

/mvh
</bole>
Avatar billede Slettet bruger
23. maj 2006 - 18:54 #2
Okay, mange tak :)
Avatar billede olebole Juniormester
23. maj 2006 - 18:55 #3
- selvtak  :)
Avatar billede olebole Juniormester
23. maj 2006 - 18:57 #4
- og tak for points  ;o)
Avatar billede Slettet bruger
23. maj 2006 - 19:22 #5
Jeg har prøvet at sætte det ind, men når jeg klikker for at åbne det, kommer billedet godt nok ind i et Popup, men den kommer med en besked om at det er en begrænset fil som muligvis kan gøre skade på computeren.

Jeg har i øjeblikket siden til at se sådan ud:
<HTML><HEAD>
<LINK href="filer/center.css" type=text/css rel=stylesheet></HEAD>
<BODY>
  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Billedfremvisning<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

<P class=almtext>Hej, dette er forsiden</A></P>
<DIV id=flue><a href="#" onclick="popWin('filer/billeder/flue.jpg');return false;"><img src="filer/billeder/flue.jpg" width="150" alt="Klik for fuld størrelse"></a></DIV></BODY></HTML>
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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