Søg
Avatar billede N00b Novice
29. april 2005 - 13:35 Der er 19 kommentarer og
1 løsning

Åben flere billeder i popup ude at oprete flere html doc's

X Er det muligt at lave en popup funktion der åbner et nyt html doc. med et større billede end det man klikkede på?

Og udskåret i pap ;-)

Jeg har et hav af billeder, som jeg har skaleret ned, dem vil jeg gerne give brugeren mulighed for at se i større udgave. det havde jeg tiltænkt at skulle ske i en popup, og når brugeren så klikker på billedet i opoupen så lukker den.

Nu går mit Q. på om:
Er det muligt at få java til at åbne det billede der blev klikket på i en popup, med luk ved klik på billedet uden at jeg skal oprette en side for hver billede.

Noget i henretning af on click open img.name = image.name+big eller sådan noget.
Jeg fatter selv narda af java, men håber at det kan lade sig gøre så ikke jeg skal sidde og oprette 60+ html doc's.

Håber at jeg har forklaret hvad det er jeg er ude efter.
Avatar billede roenving Novice
29. april 2005 - 13:59 #1
Sådan: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html !-)
Avatar billede N00b Novice
29. april 2005 - 14:09 #2
Nope, ikke lige sådanne.
Jeg har et billede galleri på min side, der vil jeg gerne at hvis folk klikker på et hvilket som helst billede at det åbner i et popup, men for at undgå at skulle lave et html doc. til hver af det store billeder jeg har (ligger i andet dir) håbede jeg at det kunne lade sig gøre at man kun lavede et "overordnet" doc. som så læste hvilket billede der var klikket på og så åbnede tilsvarende i stor udgave.
Og giver brugeren bulighed for at klikke p billedet for at lukke popupen.
Avatar billede roenving Novice
29. april 2005 - 14:13 #3
Tjah, jeg har adskillige forskellige versioner af scriptet liggende, bl.a. et som har en luk på, så det lyder ikke som nogen stor ting ...

-- for selve funktionen, der er kernen i sagen, opretter jo bare selv et html-dokument, og indsætter det billede, som man sender til funktionen !-)
Avatar billede N00b Novice
29. april 2005 - 14:21 #4
Øhh ?
Java er sort tale for mig, jeg programmere normalt i AutoIT (hvilekt ikke har noget med web at gøre), så jeg er på barbund, men hvis du kan hjælpe vil jeg være yderst super lykkelig :-)
Avatar billede roenving Novice
29. april 2005 - 14:28 #5
Hvis du klikker på Vis kode-knappen kan du se hvordan billedet kan laves, og hvis du vil lukke med klik, kan du bruge denne funktion:

  <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>Resize til billede<\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);window.moveTo((screen.availWidth-w-6)/2,(screen.availHeight-h-32)/2)}<\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();" onclick="self.close()" title="Tryk for at lukke vinduet"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede N00b Novice
29. april 2005 - 14:36 #6
Øhh tak.

Bare for at være hammer besværlig, kan jeg så ikke lokke dig til at lave eksemplet i et sammenhæng, for jeg aner ikke hvor jeg skal smide hvad, og hvordan. Jeg er 100 % ny i hjemme side sjov, det var bare en kammerat der nævnte at det kunne mna lave i javating, men jge kunne ikke finde nogle informationer der kunne hjælpe mig, så der for smed jeg dette Q
Avatar billede roenving Novice
29. april 2005 - 14:40 #7
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Resize til billede</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <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>Resize til billede<\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);window.moveTo((screen.availWidth-w-6)/2,(screen.availHeight-h-32)/2)}<\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();" onclick="self.close()" title="Tryk for at lukke vinduet"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
</head>
<body>
  <img src="billedeLille.jpg" onclick="popWin('billedeStort.jpg');" style="cursor:pointer" title="Klik for at se stort billede !-)">
</body>
</html>
Avatar billede N00b Novice
29. april 2005 - 14:52 #8
Skal jeg sætte den kode for alle mine billeder ?
Jeg mener mere jeg har 60+ billeder, så det er mange gange jeg skal sætte koden ind.

Kan man ikke gøre så java selv tager filnavnet, og tilføjer feks. /storebilleder/billede der blev klikket på navn.jpg så jeg kun skal sætte koden ind engang. Det er mere at jeg heletiden lægger fller og flere billeder på og for at holde en overkomenlig struktur har jeg billederne i forskellge mapper.

Ja undskyld men som jeg skrev så er jeg ny i det her hp sjov ing haløj.
Avatar billede N00b Novice
29. april 2005 - 16:02 #9
Nu ser min kode sådan her ud.
Er det helt hen i vejeret ?
<title>Galleri</title>
</head>

<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>Resize til billede<\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);window.moveTo((screen.availWidth-w-6)/2,(screen.availHeight-h-32)/2)}<\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();" onclick="self.close()" title="Tryk for at lukke vinduet"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
      }
</script>

<body>

<p align="center"><b><font face="Arial" size="6">Galleri</font></b></p>
<hr>
<div align="center">
    <table border="0" width="46%" id="table1" style="border-collapse: collapse">
        <tr>
            <td width="236" align="right" nowrap style="vertical-align: middle; font-family: Arial; text-align: center">
            <img src="images/galleri/001.jpg" onclick="popWin('images/galleri/store/001.jpg');" style="cursor:pointer" title="Klik for at se stort billede !-)">
           
            <td width="28" align="right" nowrap style="vertical-align: middle; font-family: Arial; text-align: left">&nbsp;</td>
            <td width="230" align="right" nowrap style="vertical-align: middle; font-family: Arial; text-align: center">
            <img border="0" src="images/galleri/002.jpg" width="230" height="173"></td>
        </tr>
        <tr>
Men jeg skal stadig manuelt taste det billede den skal åbne ? eller er der en måde at komme uden om det på
Avatar billede N00b Novice
30. april 2005 - 02:50 #10
@ roenving
Smid et svar så jeg kan give dig point ;)
Det virker perft. (Måtte ændre en del i koden meen, uden din kode var jeg ikke kommet vidre)
so thx
Avatar billede N00b Novice
17. juli 2005 - 00:39 #11
Hmm lukker tråden, ville ellers gerne have givet point - men uden et svar er det ikke muligt :(
Avatar billede roenving Novice
17. juli 2005 - 00:50 #12
Beklager meget, at din kommentar er stødt ind i en periode, hvor jeg kun havde tid sporadisk, men tak for tanken !-)
Avatar billede N00b Novice
17. juli 2005 - 00:54 #13
2 sek, jeg opreter bare et q. mere så du kan få dine fortjente point
Avatar billede N00b Novice
17. juli 2005 - 00:56 #14
by the way, hvis du vil se et af resultateterne af din kode, så tag et kig her
http://www.jltagrens.dk
og hop i galleri
Avatar billede roenving Novice
17. juli 2005 - 00:58 #15
-- og du kan sagtens undgå at skulle taste alle navne ind, for jeg går ud fra, at du bruger det samme navneskema:

<img src="images/galleri/001.jpg" onclick="popWin(this.src.replace(/galleri/,'galleri/store'));" style="cursor:pointer" title="Klik for at se stort billede !-)">
Avatar billede N00b Novice
17. juli 2005 - 00:59 #16
Jeg har oprettet et nyt Q
http://www.eksperten.dk/spm/633034
smid et svar og points er dine, og igen mange mange tak
Avatar billede N00b Novice
17. juli 2005 - 01:07 #17
Nej jeg bruger samme navne skema da jeg "bare" modtager billederne

min kode ser noget ledes sådanne her ud
[CODE]
            <img src="images/galleri/1360.jpg" onclick="popWin('images/galleri/store/1360.jpg');" style="cursor:pointer" title="Klik for at se stort billede"></td>
[/CODE]
Men det er oki, jeg har lavet mig et lille script der klare opgaven for mig...
Avatar billede N00b Novice
31. juli 2006 - 19:23 #18
Kan man gøre så hvis brugeren klikker på et andet billede i galleriet, at det poper frem - som det er nu "gemmer" popupen sig i bagrunden :(
Har prøvet med en OnBlur="windows.close" men så skal man klikke 2 gange for at åbne en nyt. findes der ikke en funktion der kommandu der hedder noget med ontopalways eller noget ligende :-)
Avatar billede roenving Novice
03. august 2006 - 12:01 #19
Ja, hvis du ændrer starten af scriptet til:

<script language="javascript" type="text/javascript">
    var newWin = {"closed":true};
    function popWin(file){
      if(!newWin.closed)
        newWin.close();
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
Avatar billede N00b Novice
03. august 2006 - 17:19 #20
Virker lidt !
Hvis man klikker på et nyt billede i hoved vinduet, lukkes popupen, den opdateres ikke, man skal klikke 2 gange for at få billedet frem (første klik lukker billedet, andet åbner det nye billede) ;-(

Ps.
Fik oprettet et Q før jeg kom i tanke om denne, tråd - men du har lage svar begge steder ;-)
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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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
I går 13:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »