CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede sayn Nybegynder
03. marts 2009 - 21:32 Der er 7 kommentarer og
1 løsning

Popup billede

Jeg har lavet et lille annoncesystem, hvor jeg fremkalder de uploadede billeder i annoncen:

<img src="upload/<? echo $billede_1; ?>" width="120" height="90">

Mit spørgsmål er så, hvordan skal koden se ud, hvis jeg vil have at man kan trykke på det lille billede, og det så popper op i en størrelse af 800x600 uden rammer og sådan?

Håber I forstår mit spørgsmål, tak på forhånd. :)
Avatar billede andreas13_fam Nybegynder
04. marts 2009 - 07:49 #1
du kan prøve at google på thinckboks og lightboks hvis jeg husker rigtigt. Men jeg er ikke sikker på at det er 100% valid
Avatar billede majbom Novice
04. marts 2009 - 08:33 #2
<img src="upload/<? echo $billede_1; ?>" width="120" height="90" onclick="window.open('http://www.dinside.dk/upload/<?php echo $billede_1?>', 'Billede')">
Avatar billede majbom Novice
04. marts 2009 - 08:37 #3
læste så ikke hele spørgsmålet helt færdigt, sorry.

du vil ikke have et alm. popupvindue, men bare et billede der kommer op 'foran' din side, hvor man intet kan gøre før man lukker billedet igen?

så skal du have fat i noget lightbox, som f.eks. http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm - men nej, det overholder vist ikke standarderne...
Avatar billede andreas13_fam Nybegynder
04. marts 2009 - 09:14 #4
Jeg har vist lavet en som overholder standarterne, poster den når jeg kommer til en computer. Den er dog ikke perfækt endnu
Avatar billede sayn Nybegynder
04. marts 2009 - 15:58 #5
Mange tak for jeres svar indtil videre.

Jeg venter spændt, andreas. :)
Avatar billede andreas13_fam Nybegynder
04. marts 2009 - 16:45 #6
arr, jeg er da blevet lidt skuffet over mig selv nu. Når men den ses her ved klik på billedet:
http://www.kogebogen.a-mweb.dk/index.php?Opskrift=48

Når men det fungere sådan at du har denne html i bunden eller toppen af din <body>:

<!-- ========= Mybox by a-mweb.dk ========= -->
    <div id="mybox" style="display:none;">   
        <table id="myboxramme" cellpadding="0" cellspacing="0">
            <tr>
                <td class="LeftTop"></td><td class="Top" colspan="3"></td><td class="RightTop"></td>

            </tr>   
            <tr>
                <td class="Left" rowspan="3"></td>
                <td class="Andet" align="left">
                &nbsp;
                </td>
                <td class="myboxoverskrift">
                    <strong id="mybox-overskrift">mybox-overskrift</strong>
                </td>

                <td class="F11" align="right">Fuld skærm: Tryk F11</td>
                <td class="Right" rowspan="3"></td>
            </tr>   
            <tr>
                <td colspan="3" id="billedebox">
                    <img src="mybox/Loading.gif" alt="billede" id="myboxbilled" />
                </td>
            </tr>
            <tr>

                <td class="upperafslut" colspan="3">
                    <img src="mybox/close.png" alt="LUK" onclick="myboxclose()" style="cursor:pointer;" />
                </td>
            </tr>
            <tr>
                <td class="LeftBottom"></td><td class="Bottom" colspan="3"></td><td class="RightBottom"></td>
            </tr>
        </table>
    </div>

<!-- ========= Mybox by a-mweb.dk ========= -->



Her efter placere du så denne i din <head>:
<!-- ========= Mybox by a-mweb.dk ========= -->
    <script type="text/javascript" src="mybox/mybox.js"></script>
    <link rel="stylesheet" href="mybox/mybox.css" type="text/css" />
<!-- ========= Mybox by a-mweb.dk ========= -->


du har så en undermappe der hedder mybox med dette indhold:
http://www.a-mweb.dk/Andet/mybox.zip

tilslut kalder du scripet med denne funktion.
<img src="lillebillede.jpg" alt="Single Image" style="border: medium none ; cursor: pointer;" onclick="myboxopen('storbillede.jpg', 'din overskrift', 700, 525);">
hvor 700 er bredden.
og 525 er højden.
inde for PHP kan du finde størrelsen ved hjælp af:
http://dk.php.net/getimagesize
Avatar billede sayn Nybegynder
03. oktober 2010 - 10:55 #7
Lukket
Avatar billede majbom Novice
04. oktober 2010 - 17:16 #8
hvad var der i vejen med andreas' forslag???
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
14 min siden Logge ind Af Bob i PC
I dag 12:12 2 skærme - 1 virker - den anden siger No signal Af eksmojo i Skærme
I dag 10:33 openvpn projekt Af dcedata1977 i Windows
I dag 10:33 Proceslinjen, er, pludselig 3 gange så høj ! Af Ikke-ekspert i Browsere
I går 21:37 Skærmene går i sort og blæser går amok Af Casper i PC
White papers
Flere white papers »


Premium
Teaser billede
Danmarks to store it-styrelser skal reduceres markant: Skal samlet sige farvel til hver fjerde stilling i de kommende år
Læs mere »
Nu når en af Danmarks helt store GDPR-retssager til vejs ende: Står over for bødekrav på 800.000 kroner
Regeringen vil reducere bevilling til Datatilsynet med millioner: Skal bruge væsentligt færre penge på løn og tilsyn
Selskab med 40.000 ansatte dropper VMware efter ballade - vælger anden løsning
Se alle »
Computerworld
Teaser billede
Næste måned skifter din iPhones Apple-id til et nyt navn
Læs mere »
Nærmest selvkørende: Jeg kørte fra Roskilde til København uden at røre rattet
Test: Denne laptop rammer plet - er utrolig slank men alligevel utrolig stærk
Ugen i tech: Familiebil er ny lademester: Strøm til 400 kilometer på 18 minutter / Nu kan den ultimative hybrid-pc købes
Se alle »
CIO
Teaser billede
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
Læs mere »
DSB køber cloud-løsning til 420 millioner kroner af hollandsk it-selskab: Skal afløse 30 år gammelt system
Detailkæde har mistet over 65 millioner kroner efter cyberangreb – kræver erstatning fra it-leverandør
Topchef: Public cloud er alt for dyrt og besværligt - fremtiden for virksomhederne er et helt andet sted
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
Se alle »
White paper
Teaser billede
Sådan høster du forretningsfordelene ved Internet of Things
Læs mere »
Sådan: Sikker, hurtig og fleksibel storage til dine kritiske data
Sikkerhed uden grænser: Cisco Hypershield
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »