Avatar billede fcs Novice
08. februar 2000 - 11:38 Der er 10 kommentarer og
1 løsning

Pop-up endnu en gang!

Ja, jeg ved det godt: Pop-up spm. har der været en del af, men da jeg er lidt af en nød til Javascript, bliver jeg nødt til at spørge jer, Oh alvidende Eksperter!

Mit problem er følgende: Jeg har en side med en masse thumpnails af billeder. Det, jeg gerne vil have, er et lille script, som laver et pop-up vindue med det store billede når man klikker på et thumpnail. Dette vindue skal være tilpasset i størrelse, så det kun er ligeså stort som selve billedet og uden menu, ikoner, scrollbars og alt det andet. Kun et vindue, som er helt fyldt med billedet! Jeg håber på et svar, hvor der er defineret en funktion i <head>, så man ikke behøver at skrive hele molevitten for hvert billede, men bare kalde funktionen.

Jeg har kigget i de tidligere svar omkring dette emne, men har ikke kunnet gætte mig frem til det jeg skal bruge, derfor må jeg jo stille et spm. selv.
Avatar billede skjoldby Nybegynder
08. februar 2000 - 12:06 #1
Du kan nøjes med at lave en funktion, men du er nødt til at definere url og størrelserne når du kalder den:

<script language="JavaScript">
<!--
function openWindow(theURL,winName,features) {
  window.open(theURL,winName,features);
}

//-->
</script>



<a href="#" onClick="openWindow('Billede1.htm,'bild1','width=170,height=250')"><IMG src="billede1.gif"></a>


Mvh
Skjoldby
Avatar billede skjoldby Nybegynder
08. februar 2000 - 12:07 #2
Hov lige en lille fejl. der manglede en ' og den er jo ret betydende:

<a href="#" onClick="openWindow('Billede1.htm','bild1','width=170,height=250')"><IMG src="billede1.gif"></a>


Avatar billede fcs Novice
08. februar 2000 - 12:15 #3
OK, du bliver vist lige nødt til at forklare nogle af parametrene lidt.

Hvad betyder:

# = mit thumpnail eller hvad?

Billed1.htm: Kan dette erstattes med billede.jpg, da jeg ikke gider oprette et html-dokument for hvert billede?

bild1: Hvad betyder dette?

billede1.gif : Det er vel dette, der er mit thumpnail?
Avatar billede skjoldby Nybegynder
08. februar 2000 - 12:20 #4
# erstatter den egentlige url. Url'en er defineret i onClick-metoden som Billede1.htm. Dette kan du erstatte som du selv siger med et billede(f.eks. billede1_stort.jpg)

jeg kan dog ikke huske om den lægger 5 pixel til helevejen rundt som margin om når man åbner et billede. - det må du selv lige teste.

Bilede1.gif er rigtigt nok din thumbnail.
Avatar billede fcs Novice
08. februar 2000 - 12:37 #5
Hmm, jeg kan ikke få det til at virke. Her er koden som jeg har skrevet den:

Dette er placeret i <head>:

<script language="JavaScript">
<!-- function openWindow(theURL,winName,features) {window.open(theURL,winName,features);} //-->
</script>

I <body> har jeg følgende:

<A href="picture.jpg" onClick="openWindow('picture.jpg','bild1','width=170,height=250')"><IMG SRC="picturethump.jpg" BORDER="0" WIDTH="100" HEIGHT="61" ALIGN="BOTTOM" ALT="Tekst til thumpnail"></A>

Billedet popper ikke op i et seperat vindue, men bliver vist i min hoveramme. Hvad gør jeg galt?
Avatar billede skjoldby Nybegynder
08. februar 2000 - 12:53 #6
Gør sådan:

<A href="#" onClick="openWindow('picture.jpg','bild1','width=170,height=250')"><IMG SRC="picturethump.jpg" BORDER="0" WIDTH="100" HEIGHT="61" ALIGN="BOTTOM" ALT="Tekst til thumpnail"></A>

Husk, hvis du skriver i href så bliver det åbnet i det samme vindue.
Avatar billede fcs Novice
08. februar 2000 - 13:06 #7
Der er ingen fejl på siden, men når jeg klikker på det lille billede (bachthump.jpg), kommer der en fejlmeddelse i nederste venstre hjørne som siger error on page og så sker der ikke mere (jeg bruger IE5). Der kommer ikke noget pop-up vindue eller noget, siden ændrer sig på ingen måde. Bach.jpg er det billede jeg forsøger at få vist i pop-up vinduet.

<A href="#" onClick="openWindow('Bach.jpg','bild1','width=170,height=250')"><IMG SRC="bachthump.jpg" BORDER="0" WIDTH="100" HEIGHT="61" ALIGN="BOTTOM" ALT="Jesper Backhausen får sig en lille en"></A>
Avatar billede fcs Novice
08. februar 2000 - 13:07 #8
Måske har det noget med det der står i <head> at gøre. Jeg paster lige:

<script language="JavaScript">
<!-- function openWindow(theURL,winName,features) {window.open(theURL,winName,features);} //-->
</script>

Avatar billede skjoldby Nybegynder
08. februar 2000 - 13:09 #9
Det her skal stå i HEAD:

<script language="JavaScript">
<!--
function openWindow(theURL,winName,features) {
window.open(theURL,winName,features);}
//-->
</script>
Avatar billede fcs Novice
08. februar 2000 - 13:13 #10
Hurraahhhh, det virker! Tak for hjælpen og din tålmodige mailen frem og tilbage ;-)
Avatar billede fcs Novice
08. februar 2000 - 16:41 #11
Du havde ret i, at den ligger 5 pixels til i toppen og i venstre side. Er der nogen måde man kan bruge for at undgå dette? Jeg har forsøgt at øge antallet af pixels i width og height, men så er billedet ikke centreret og det ser jo lidt sjusket ud. Nogle ideer?
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