Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Plocka ut storlek ur en jpeg-bild

Micael Karlsson

Startad av Micael Karlsson,
i Webbutveckling

Rekommendera Poster

Micael Karlsson

Micael Karlsson

Postad
Postad

Hej

 

 

Som nybörjare på Javascript skulle jag behöva lite assistans med följande:

 

Jag har i min html-fil följande rad:

 <a href="javascript:ny_sida('FinBild.jpg');"><img src="FinBild_liten.jpg"></a>

 

Så har jag en funktion som heter ny_sida och i den skulle jag vilja läsa ut storleken på bilden som ligger på samma ställe som html-filen. Så hur får jag in bredd och höjd på bilden i window.open() ?

 

 

 

eller jag kanske skulle skriva:

 

Hur läser jag ut bildens höjd och bredd när jag har bildens URL inuti funktionen ny_sida() som finns i samma html-fil?

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

Du skulle kunna öppna en htmlsida som visar din bild och som räknar ut storleken på bilden och omskalar fönstret därefter.

 

Eller så laddar du in den stora bilden i ett objekt.


<script type="text/javascript">
<!--

function openWindow(_url)
{
var myImage = new Image() 
myImage.src = _url;
var _w = myImage.width + 30;
var _h = myImage.height + 40;
window.open(myImage.src,'image','width='+_w+',height='+_h);
}

//-->
</script>
<input type="button" value="Click" onclick="openWindow('FinBild.jpg')" />

Länk till kommentar
Dela på andra webbplatser
Micael Karlsson

Micael Karlsson

Postad
  • Trådskapare
Postad

Tack Jonas__B!

 

Det var precis vad jag var ute efter.

 

Ett stort tack

 

Micael

 

Uppdatering:

 

Det fungerar utmärkt i Opera men inte i SeaMonkey och Firefox, vad kan det bero på?

 

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

Hmm, liten bugg i Gecko verkar det som.

 

prova att ersätta innehållet i funktionen med det här istället

       var myImage = new Image() 
       myImage.src = _url;
       myImage.onload = function(){
         var _w = myImage.width + 30;
         var _h = myImage.height + 40;
         window.open(myImage.src,'image','width='+_w+',height='+_h);
       }

Länk till kommentar
Dela på andra webbplatser
Micael Karlsson

Micael Karlsson

Postad
  • Trådskapare
Postad

Har testat ditt förslag men nu fungerar ingenting, av någon anledning.

 

<HTML>
<HEAD>
<TITLE>Fåglar</TITLE>       	
<script type="text/javascript">
function openWindow(_url)
{
<!--
var myImage = new Image() 
myImage.src = _url;
myImage.onload = function(){
var _w = myImage.width + 30;
var _h = myImage.height + 40;
window.open(myImage.src,'image','width='+_w+',height='+_h); 		
}

}


-->
</script>
</HEAD> 
<BODY> 
<br><br><br><br>
<a href="javascript: openWindow('birds_01.jpg');"><img src="birds_01_thumb.jpg"></a>
<a href="javascript: openWindow('birds_02.jpg');"><img src="birds_02_thumb.jpg"></a>
<a href="javascript: openWindow('birds_03.jpg');"><img src="birds_03_thumb.jpg"></a>
<a href="javascript: openWindow('birds_04.jpg');"><img src="birds_04_thumb.jpg"></a>
<a href="javascript: openWindow('birds_05.jpg');"><img src="birds_05_thumb.jpg"></a>
</BODY>
</HTML>

 

 

 

 

Jag kan inte se vad som är fel. Någon som kan hjälpa till!

 

 

 

 

Micael

 

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

Kan bero på felaktiga kommentarstecken mitt i funktionen

 

<script type="text/javascript">
function openWindow(_url)
{
var myImage = new Image() 
myImage.src = _url;
myImage.onload = function(){
 var _w = myImage.width + 30;
 var _h = myImage.height + 40;
 window.open(myImage.src,'image','width='+_w+',height='+_h);            
}
}
</script>

Länk till kommentar
Dela på andra webbplatser
Micael Karlsson

Micael Karlsson

Postad
  • Trådskapare
Postad

Tack för all hjälp Jonas__B!!

 

 

 

 

Nu ser det ut som om allt fungerar, nu skall jag bara snygga till resten av koden.

 

 

 

 

Micael

 

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...