Søg
Avatar billede askovdk Nybegynder
03. februar 2011 - 22:54 Der er 11 kommentarer og
1 løsning

Åben "vindue" på samme side

Hvordan åben jeg et "vindue" på samme side ? fx. når man klikker på et billede så bliver siden grå og der kommer så et nyt "lag" på siden hvor billedet vises, og dette "vindue" kan så lukkes igen så siden kan bruges igen... Ved desværre ikke hvad man kalder disse "vinduer/lag" ?
Avatar billede askovdk Nybegynder
03. februar 2011 - 22:56 #1
F.eks. ligesom når man klikker på SE FLERE BILLEDER : http://www.hifiklubben.dk/produkter/surround/receiver/denon_avr-2311_surround-receiver_sort.htm

Hvordan laver man dette ?
Avatar billede jakobdo Ekspert
03. februar 2011 - 22:59 #2
Tror måske du tænker på: http://www.huddletogether.com/projects/lightbox2/
Avatar billede madand Nybegynder
03. februar 2011 - 23:42 #3
Der bruger man som regel en af de allerede (mange) eksisterende lightbox jQuery plugins..

min favorit:
Fancybox: http://fancybox.net/
Avatar billede webweaver Praktikant
03. februar 2011 - 23:49 #4
Der er mange måder at lave det på. Det kan også laves med ren HTML og CSS. (ingen bevægelige dele dog, som i JavaScript).

Men gør brug af et færdigt script. Det er klart det nemmeste for dig :)
Avatar billede askovdk Nybegynder
04. februar 2011 - 10:19 #5
Nu har jeg prøvet lidt med Lightbox 2, det virker MEN....

i Internet Explorer vises den helt i toppen af siden (browser), i Firefox på Mac vises den i bunden af browseren.... på Firefox i windows vises den korrekt ?
Avatar billede askovdk Nybegynder
04. februar 2011 - 10:21 #6
Men det er kun når jeg inkludere den på min egen side dette sker ? Altså når jeg bruger koden på min eksisterende side.....

Er det fordi jeg bruger DIV tags på min side i forvejen ?
Avatar billede jakobdo Ekspert
04. februar 2011 - 10:49 #7
Har du brugt det medfølgende css style ?
Avatar billede askovdk Nybegynder
04. februar 2011 - 10:53 #8
Jep :-)
Avatar billede jakobdo Ekspert
04. februar 2011 - 12:03 #9
Har du evt. link til din side?
Avatar billede majbom Novice
04. februar 2011 - 23:40 #10
hvad med noget så simpelt som:

http://www.dhtmlgoodies.com/index.html?whichScript=modal-message
DEMO: http://www.dhtmlgoodies.com/scripts/modal-message/demo-modal-message.html

?
Avatar billede askovdk Nybegynder
17. maj 2011 - 00:27 #11
Brugte fancybox - madand - smid svar :-)
Avatar billede askovdk Nybegynder
30. maj 2011 - 09:36 #12
Lukker her!
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »