Avatar billede mvk Nybegynder
18. marts 2004 - 11:07 Der er 19 kommentarer og
1 løsning

Window resizer automatisk til billedestørrelse

jeg har flere steder set at når man klikker for at se et billede i stort format så resizer den selv vinduet så det passer til billedets størrelse - hvordan gør man det ?
Avatar billede mm12010 Nybegynder
18. marts 2004 - 11:10 #1
Avatar billede mvk Nybegynder
18. marts 2004 - 11:17 #2
jeg kan ikke få den implementeret i denne kode:
<td><a href="galleri_image.asp?IDimage=<%=(rs10nyeste.Fields.Item("IDimage").Value)%>" target="_blank"><img src="images/upload/<%=(rs10nyeste.Fields.Item("Filename").Value)%>" width="93" height="75" style="border:1px solid #000000;" onmouseover="return overlib('<%=(rs10nyeste.Fields.Item("Title").Value)%>');" onmouseout="return nd();"></a></td>

det er denne jeg skal kalde ikke:
onclick="popWin('img/billede.jpg');return false;"
Avatar billede mvk Nybegynder
18. marts 2004 - 11:23 #3
det ser sådan ud i dag det den kalder:
http://www.gutternes.dk/galleri_image.asp?IDimage=32
Avatar billede mvk Nybegynder
18. marts 2004 - 11:23 #4
med tekst og upload information
Avatar billede mm12010 Nybegynder
18. marts 2004 - 12:07 #5
Denne kode kopieres ind (jeg plejer at sætte den i <HEAD>-sektionen):

  <script language="javascript" type="text/javascript">
    function popWin(file,t,u){
      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);}<\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();"><d'+'iv>';
      txt+=t<b'+'r><b'+'r>'+u;
      txt+='"<\57di'+'v><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>


Derefter laves dine links som skal åbne billeder sådan:

<a href="#" onclick="popWin('img/billede.jpg','tekst','upload info');return false;"><img src="img/billede.jpg" width="150" alt="Klik for fuld størrelse"></a>
Avatar billede mm12010 Nybegynder
25. marts 2004 - 02:17 #6
finder du ud af det?-)
Avatar billede mvk Nybegynder
28. maj 2004 - 09:19 #7
mm12010 - undskyld det sene svar

jeg indsætter følgende:
...
  <script language="javascript" type="text/javascript">
    function popWin(file,t,u){
      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);}<\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();"><d'+'iv>';
      txt+=t<b'+'r><b'+'r>'+u;
      txt+='"<\57di'+'v><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
</head>

og prøver at kalde billedet sådan:
<a href="#" onclick="popWin('images/upload/<%=(rs10nyeste.Fields.Item("IDimage").Value)%>','tekst','upload info');return false;"><img src="images/upload/<%=(rs10nyeste.Fields.Item("Filename").Value)%>" width="93" height="75" style="border:1px solid #000000;" onmouseover="return overlib('<%=(rs10nyeste.Fields.Item("Title").Value)%>');" onmouseout="return nd();"></a>

men der sker ikke noget når jeg klikker på billedet
Avatar billede mm12010 Nybegynder
01. juni 2004 - 12:54 #8
hvordan ser kilde ud når du udskriver dette:

<a href="#" onclick="popWin('images/upload/<%=(rs10nyeste.Fields.Item("IDimage").Value)%>','tekst','upload info');return false;"><img src="images/upload/<%=(rs10nyeste.Fields.Item("Filename").Value)%>" width="93" height="75" style="border:1px solid #000000;" onmouseover="return overlib('<%=(rs10nyeste.Fields.Item("Title").Value)%>');" onmouseout="return nd();"></a>
Avatar billede mvk Nybegynder
01. juni 2004 - 13:19 #9
den ændrer sig ikke rigtigt...
jeg kan se i bunden af browseren at der er fejl
Avatar billede mvk Nybegynder
01. juni 2004 - 13:41 #10
kilde:
                <tr>
                  <td>
<a href="#" onclick="popWin('images/upload/<%=(rs10nyeste.Fields.Item("IDimage").Value)%>','tekst','upload info');return false;"><img src="images/upload/<%=(rs10nyeste.Fields.Item("Filename").Value)%>" width="93" height="75" style="border:1px solid #000000;" onmouseover="return overlib('<%=(rs10nyeste.Fields.Item("Title").Value)%>');" onmouseout="return nd();"></a>
                  j</td>
                  <td width="5">&nbsp;</td>
                </tr>
Avatar billede mm12010 Nybegynder
01. juni 2004 - 13:44 #11
hvilken fejl?

hvad indeholder disse?
<%=(rs10nyeste.Fields.Item("IDimage").Value)%>
<%=(rs10nyeste.Fields.Item("Filename").Value)%>

husk at din fil skal hede *.asp og afvikles på en IIS-server
Avatar billede mvk Nybegynder
01. juni 2004 - 13:54 #12
alle mine andre asp filer virker fint. så det må være koden.
<%=(rs10nyeste.Fields.Item("IDimage").Value)%> = Id nummeret fra databasen, unikt
<%=(rs10nyeste.Fields.Item("Filename").Value)%> = navnet på den fil der vises
Avatar billede mvk Nybegynder
01. juni 2004 - 13:55 #13
sådan er koden nu, den viser billedet fint nok, men der sker ikke noget når man klikker på billedet.

<a href="#" onclick="popWin('images/upload/<%=(rs10nyeste.Fields.Item("Filename").Value)%>','tekst','upload info');return false;"><img src="images/upload/<%=(rs10nyeste.Fields.Item("Filename").Value)%>" width="93" height="75" style="border:1px solid #000000;" onmouseover="return overlib('<%=(rs10nyeste.Fields.Item("Title").Value)%>');" onmouseout="return nd();"></a>
Avatar billede mm12010 Nybegynder
01. juni 2004 - 14:04 #14
denne funktion:
popWin('images/upload/<%=(rs10nyeste.Fields.Item("IDimage").Value)%>','tekst','upload info')

skal jo bruge stien til en billedfil, ex:
popWin('images/upload/stortbillede.jgp','tekst','upload info'
Avatar billede mvk Nybegynder
01. juni 2004 - 14:13 #15
den ser også rigtig ud sådan:
<a href="#" onclick="popWin('http://www.gutternes.dk/images/upload/<%=(rs10nyeste.Fields.Item("Filename").Value)%>','tekst','upload info');return false;">

men der sker stadig ikke noget. jeg må lave noget lort...
Avatar billede mm12010 Nybegynder
01. juni 2004 - 14:32 #16
har du et link til siden?
Avatar billede mvk Nybegynder
03. juni 2004 - 09:42 #17
yep: http://www.gutternes.dk/galleri.asp
den nederste fejl er fordi man ikke er logget ind :)
Avatar billede mm12010 Nybegynder
03. juni 2004 - 10:08 #18
der manglede lige en ' i js-funktionen:

    function popWin(file,t,u){
      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);}<\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();"><d'+'iv>';
      txt+=t+'<b'+'r><b'+'r>'+u;
      txt+='"<\57di'+'v><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
Avatar billede mvk Nybegynder
03. juni 2004 - 10:16 #19
damn thats nice... det virker.
tusinde tak for tålmodigheden og hjælpen
- så mangler jeg bare et svar så du kan få velfortjente point
Avatar billede mm12010 Nybegynder
03. juni 2004 - 10:20 #20
selv tak :o)
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