Avatar billede moore Nybegynder
28. juni 2003 - 13:08 Der er 28 kommentarer og
1 løsning

billede i nyt pop up vindue

Hej

Jeg sidder med et problem, som jeg håber jeg kan få lidt hjælp til.

Det er sådan at på min hjemmeside www.soundofmemphis.dk/egenhjemmeside/index.asp har jeg under linket Instruments lavet en liste over de ting jeg har.

SPG :

1. Jeg vil så have at når jeg klikker på linket som er der, så skal der åbnes et pop-up vindue med billedet.
Der må ikke være nogen scroll bar i pop-up vinduet.

2. Pop-up vinduet vil jeg gerne selv kunne bestemme størrelsen på, hvis det er muligt, så alle billederne bliver ens i størrelse.

Håber i kan hjælpe mig.

Mvh
Thomas
Avatar billede grunken Nybegynder
28. juni 2003 - 13:54 #1
Du burde nok have smidt det her ? i Javascriptkategorien!

men er det sådan her du vil ha det ?

http://www.grunken.dk/exp/348799.html
Avatar billede moore Nybegynder
28. juni 2003 - 17:19 #2
Hej

Ja.. det er som du har givet et exempel på.
Men kan jeg også selv bestemme størrelsen på det pop-up vindue??
Avatar billede grunken Nybegynder
28. juni 2003 - 17:24 #3
Den her tilpasser selv popuppen efter billedets størrelse ;)

så er du fri for at selv skulle indtaste mål!

efter min mening den smarteste måde at lave det på når vi taler billeder :)
Avatar billede moore Nybegynder
28. juni 2003 - 17:25 #4
helt sikkert..
lige hvad jeg søger.. *S*

muligt at få tilsendt koden ??
Avatar billede grunken Nybegynder
28. juni 2003 - 17:29 #5
hmm, du kan da bare højreklikke, og trykke på view source ;D

meeen here goes!
<head>
<script language="javascript">
function muko(pic){
var streng= '\<script type="text/JavaScript"\>\n'
    streng+='function hest() {\n'
    streng+=' var pic=document.getElementById(\'stor\').src\n'
    streng+=' billede = new Image();\n'
    streng+=' billede.src = pic;\n'
    streng+=' var hojde = (billede.height+34)\n'
    streng+=' var bredde = (billede.width+6)\n'
    streng+=' var ph = screen.height/2-hojde/2\n'
    streng+=' var pv = screen.width/2-bredde/2\n'
    streng+=' self.resizeTo (bredde, hojde);\n'
    streng+=' self.moveTo (pv, ph);\n'
    streng+='}\n'
    streng+='\</script\>\n'
    streng+='<body onload=\"hest();\" style=\"margin: 0px;overflow: hidden;\">\n'
    streng+='<img src=\"'+pic+'\" Id=\"stor\">\n'
    streng+='</body>\n'
    streng+='</html>\n'

nyt = window.open('','win','height=100 width=100');

nyt.document.open();
nyt.document.write(streng);
nyt.document.close();
}
</script>
</head>

<body>
<a href="billede.jpg" onclick="muko(this.href);return false">Klik</a>
</body>

husk at functionen skal ligge mellem <head> og </head> på din side :)
Avatar billede moore Nybegynder
28. juni 2003 - 17:32 #6
hmm.. har lige kigget koden igennem... men hvor skal jeg liiige skrive navnet på billedet som jeg har.
Jeg har jo lavet et link (guitar) (guitar.jpg) og når man klikker derpå, skal billedet komme. men hvor skal jeg skrive det i din kode.
Avatar billede moore Nybegynder
28. juni 2003 - 17:33 #7
min kode for siden ser sådan her ud ...

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Thomas Nielsen</title>
</head>

<body bgcolor="#000000" text="#ffffff">

<p><font face="Stop" color="#FF6500" size="6">&nbsp;Instruments</font></p>
<table border="0" cellspacing="0" width="100%" height="30" cellpadding="10">
  <tr>
    <td width="565" height="30" valign="top"><font face="Verdana" size="1"><span style="font-size: 7.5pt; font-family: Verdana; mso-bidi-font-size: 12.0pt; mso-bidi-font-family: Times New Roman; mso-bidi-font-weight: bold">
  <p align="center"> Some of my favorite instrumets are :
  <br><br>
  <b> Guitars </b><br>
  Mørch<br>
  For a picture click here <a href="../egenhjemmeside/billeder/mørch.jpg" target="_self" scroll="no">  My nr. 1 guitar</a><br><br>
 
  Fender Squier Statocaster. Hank Marvin Signature<br>
  For a picture click here <a href="../egenhjemmeside/billeder/squier.jpg" target="_self"> My backup guitar</a><br><br>
 
 
 
  Vester Acustic<br>
  For a picture click here <a href="../egenhjemmeside/billeder/vester.jpg"> My acustic guitar</a><br><br>
  <br>
 
  <b> Amps </b><br>
  Fender Hot Rod Deluxe<br>
  For a picture click here <a href="../egenhjemmeside/billeder/amp.jpg"> My amp</a><br><br><br>
  <br>
  <b> Pedals </b><br>
  T-Rex Alberta (Speciel edition Knud Møller model)<br>
  For a picture click here <a href="../egenhjemmeside/billeder/alberta.jpg"> My rock/boost pedal</a><br>
  <br><br>
  T-Rex Tremster<br>
  For a picture click here <a href="../egenhjemmeside/billeder/tremster.jpg"> My tremelo pedal</a><br>
  <br>
 
 
    </p>
 
      </O:P>
      </span></font>
      <p><font face="Verdana" size="1"><span style="font-size: 7.5pt; font-family: Verdana; mso-bidi-font-size: 12.0pt; mso-bidi-font-family: Times New Roman; mso-bidi-font-weight: bold">
    </td>
  </tr>
</table>

</body>

</html>

Hvis du kan bruge det til noget *S*
Avatar billede grunken Nybegynder
28. juni 2003 - 17:33 #8
<a href="billede.jpg" onclick="muko(this.href);return false">Klik</a>

skal bare ændres til:

<a href="ditbillede.jpg" onclick="muko(this.href);return false">Klik</a>
Avatar billede grunken Nybegynder
28. juni 2003 - 17:34 #9
og så skal du smide billederne ind i toppen :)
Avatar billede grunken Nybegynder
28. juni 2003 - 17:35 #10
LOL

og så skal du smide functionen ind i toppen

sprogspasser *G*
Avatar billede grunken Nybegynder
28. juni 2003 - 17:41 #11
og fordi jeg er så flink :)

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Thomas Nielsen</title>
<head>
<script language="javascript">
function muko(pic){
var streng= '\<script type="text/JavaScript"\>\n'
    streng+='function hest() {\n'
    streng+=' var pic=document.getElementById(\'stor\').src\n'
    streng+=' billede = new Image();\n'
    streng+=' billede.src = pic;\n'
    streng+=' var hojde = (billede.height+34)\n'
    streng+=' var bredde = (billede.width+6)\n'
    streng+=' var ph = screen.height/2-hojde/2\n'
    streng+=' var pv = screen.width/2-bredde/2\n'
    streng+=' self.resizeTo (bredde, hojde);\n'
    streng+=' self.moveTo (pv, ph);\n'
    streng+='}\n'
    streng+='\</script\>\n'
    streng+='<body onload=\"hest();\" style=\"margin: 0px;overflow: hidden;\">\n'
    streng+='<img src=\"'+pic+'\" Id=\"stor\">\n'
    streng+='</body>\n'
    streng+='</html>\n'

nyt = window.open('','win','height=100 width=100');

nyt.document.open();
nyt.document.write(streng);
nyt.document.close();
nyt.focus();
}
</script>

</head>

<body bgcolor="#000000" text="#ffffff">

<p><font face="Stop" color="#FF6500" size="6">&nbsp;Instruments</font></p>
<table border="0" cellspacing="0" width="100%" height="30" cellpadding="10">
  <tr>
    <td width="565" height="30" valign="top"><font face="Verdana" size="1"><span style="font-size: 7.5pt; font-family: Verdana; mso-bidi-font-size: 12.0pt; mso-bidi-font-family: Times New Roman; mso-bidi-font-weight: bold">
  <p align="center"> Some of my favorite instrumets are :
  <br><br>
  <b> Guitars </b><br>
  Mørch<br>
  For a picture click here <a href="../egenhjemmeside/billeder/mørch.jpg"  onclick="muko(this.href);return false">  My nr. 1 guitar</a><br><br>
 
  Fender Squier Statocaster. Hank Marvin Signature<br>
  For a picture click here <a href="../egenhjemmeside/billeder/squier.jpg" onclick="muko(this.href);return false"> My backup guitar</a><br><br>
 
 
 
  Vester Acustic<br>
  For a picture click here <a href="../egenhjemmeside/billeder/vester.jpg" onclick="muko(this.href);return false"> My acustic guitar</a><br><br>
  <br>
 
  <b> Amps </b><br>
  Fender Hot Rod Deluxe<br>
  For a picture click here <a href="../egenhjemmeside/billeder/amp.jpg" onclick="muko(this.href);return false"> My amp</a><br><br><br>
  <br>
  <b> Pedals </b><br>
  T-Rex Alberta (Speciel edition Knud Møller model)<br>
  For a picture click here <a href="../egenhjemmeside/billeder/alberta.jpg" onclick="muko(this.href);return false"> My rock/boost pedal</a><br>
  <br><br>
  T-Rex Tremster<br>
  For a picture click here <a href="../egenhjemmeside/billeder/tremster.jpg" onclick="muko(this.href);return false"> My tremelo pedal</a><br>
  <br>
 
 
    </p>
 
      </O:P>
      </span></font>
      <p><font face="Verdana" size="1"><span style="font-size: 7.5pt; font-family: Verdana; mso-bidi-font-size: 12.0pt; mso-bidi-font-family: Times New Roman; mso-bidi-font-weight: bold">
    </td>
  </tr>
</table>

</body>

</html>
Avatar billede moore Nybegynder
28. juni 2003 - 17:41 #12
hmmm. tror jeg har fundet et problem.
For billederne er så store at den blæser billedet op i fuldskærm.. ligesom at trykke F11..
Er det muligt at få den til at krympe billedet lidt..
Det var derfor jeg godt ville have at jeg selv kunne bestemme størrelsen *S*

Ellers virker det næsten som jeg vil have det.
Dog viser den stadigvæk billedet i selve den frame hvor teksten står. Her skulle der jo ikke ske ændringer.

Måske det er nemmere hvis du ser på selve hjemmesiden hvad jeg mener *S*

uploader det lige..
Avatar billede grunken Nybegynder
28. juni 2003 - 17:43 #13
hvis du oploader det jeg lige har smidt her, så kan jeg lige lure på det!
Avatar billede moore Nybegynder
28. juni 2003 - 17:44 #14
så er det uploadet
Avatar billede grunken Nybegynder
28. juni 2003 - 17:45 #15
Og så er det osse overkill at have så store billeder på nettet :)

Kan du ikke gøre dem mindre i dit fotoprogram ?
Avatar billede grunken Nybegynder
28. juni 2003 - 17:46 #16
huh, ikke de ændringer jeg har lavet ??
Avatar billede moore Nybegynder
28. juni 2003 - 17:48 #17
Måske jeg skulle gøre billederne lidt mindre.
Men der håbede jeg jo at man kunne tvinge billedet mindre når man klikkede på linket.
Dvs sætte en max bredde og højde for alle billederne.

Ændringer skulle være uploadet..
Har du prøvet at "delete temporary internet files".. det skal jeg gøre ved min for at se ændringerne...
Avatar billede grunken Nybegynder
28. juni 2003 - 17:51 #18
vi kan godt tvinge dem mindre, men for din egen skyld ville jeg hvis jeg var dig gøre billeder til 1/3 af den originale størelse ;)

selv på min 2 mbit tager det så lang tid at hente at jeg lukker vinduet allerede inden billedet er loadet færdigt :)
Avatar billede grunken Nybegynder
28. juni 2003 - 17:53 #19
Men ellers nogle flotte billeder, du har vist et lækkert kamera :)
Avatar billede moore Nybegynder
28. juni 2003 - 17:54 #20
ja ok..
tror jeg gør dem mindre i tegneprogram..

Det som jeg gerne selv vil have er det her.  :
http://www.morch-guitars.dk/html/products/guitars_pic.htm ..

Hvis du klikker på f.eks. den nede i højre hjørne, sådan vil jeg også gerne have det ..

huskede lige på siden *G*..
Avatar billede moore Nybegynder
28. juni 2003 - 17:55 #21
min cam er et nyt sony p72 ... fedt fedt kamera.. kan også optage film sekvenser.
Måtte også bøde kassen for det.. men det er pengene værd
Avatar billede grunken Nybegynder
28. juni 2003 - 17:56 #22
Sådan blir det osse når du gør billederne mindre :)
Avatar billede grunken Nybegynder
28. juni 2003 - 17:57 #23
hehe, stop nu....det ender jo med at min skærm bliver fedtet *G*
Avatar billede moore Nybegynder
28. juni 2003 - 17:58 #24
*G*..
du får pointene.. takker for hjælpen .. vil til at lave mine billeder lidt mindre..
Skal bare lige finde en passende størrelse..

Mvh
Thomas
Avatar billede grunken Nybegynder
28. juni 2003 - 17:59 #25
hvis du ser egenskaberne på mørchs billeder kan du osse se at størrelsen på de billeder er

200x573 (meget bedre størrelse)
Avatar billede grunken Nybegynder
28. juni 2003 - 18:00 #26
Hov så tog du pointene selv (bandit) *G*
Avatar billede moore Nybegynder
28. juni 2003 - 18:01 #27
vil nok også bruge denne størrelse.

Du må jo ud og købe dig sådan et kamera som mit *S*..
sq pengene værd.

takker *S*
Avatar billede moore Nybegynder
28. juni 2003 - 18:01 #28
hov.. jeg opretter lige et spg. mere.. kalder det.. FEJL..
så får du dem der *S*
Avatar billede grunken Nybegynder
28. juni 2003 - 18:02 #29
:)
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
Kurser inden for grundlæggende programmering

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