Avatar billede cyberkox Nybegynder
12. marts 2006 - 23:16 Der er 7 kommentarer og
1 løsning

Åbne nyt vindue med billede

Hej

Jeg har en billede sider, hvor jeg så søger at få billedet åbnet i et nyt vindue som slutter helt tæt omkring billedet's fulde størrelse. Det må altså ikk være vær scrollbar osv.
Avatar billede johan.o Nybegynder
12. marts 2006 - 23:53 #1
Du kan selvfølgelig prøve at kaste dig ud i noget med et pop-up vindue, men idag er der jo mange brugere der undertrykker denne funktionalitet så måske det var bedre at finde en anden fremgangsmåde.

Du kan f.eks. lave et div element som dette :

<div style="display: none;"><img src="" id="pic"></div>

når en bruger så klikker på et billede udskifter du 'pic'.src med det billede der trykkes på og sætter display="block"

Jeg kan vise dig et eksempel, men jeg er på vej i seng så prøv at rode med det selv, hvis det er en løsning du mener du kan bruge selvfølgelig, og hvis det ikke vil som du vil så er der hjælp at hente her :)

Mvh. Johan
Avatar billede coderdk Praktikant
13. marts 2006 - 09:22 #2
Her er koden til at lave et popup-vindue:

<script type="text/javascript">
        function opn()
        {
            window.open( "popup.html", "pic", "width=50, height=50, resizable=1, scroll=0, scrollbars=0" );
        }
</script>
<a href="java script:opn()">Klik her for at åbne</a>

Her er koden til popupvinduet:

<html>
      <head>
            <title>Test</title>
            <style type="text/css">
                  body {
                            margin: 0px;
                            padding: 0px;
                  }
            </style>
            <script type="text/javascript">
                    window.onload = function () {
                        window.resizeTo(document.images[0].width, document.images[0].height);
                        self.focus();
                    }
            </script>
      </head>
      <body>
            <img src="billede.jpg" alt="Billedet">
      </body>
</html>
Avatar billede apo Praktikant
13. marts 2006 - 17:16 #3
Avatar billede cyberkox Nybegynder
13. marts 2006 - 17:44 #4
Jeg takker..

Apo smid et svar, da jeg bedst kunne bruge dit eksempel
Avatar billede johan.o Nybegynder
13. marts 2006 - 18:02 #5
Jeg kan se at roenving har skrevet at det praktisk taget virker i Mozilla 1.5, men det virker vist ikke i praksis i f.eks. FF 1.5.0.1 :)

Mvh. Johan
Avatar billede apo Praktikant
13. marts 2006 - 18:27 #6
Svar herfra :-)
Avatar billede cyberkox Nybegynder
14. marts 2006 - 16:03 #7
Så er det testet i FF og der virker fortrineligt :)
Avatar billede johan.o Nybegynder
14. marts 2006 - 16:14 #8
Hm, det skal jeg selvfølgelig ikke benægte hvis du siger det, men når jeg klikker på roenvings billede så kommer popup'en fint frem men den resizer ikke til billedets størrelse, but never mind, bare du er glad :)

Mvh. Johan
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