bild i nytt fönster när man klickar på den

JavaScript

10 svar · 363 visningar · startad av jiggan 3 sep. 2003

jigganMedlem sedan juni 2003175 inlägg

Frågan3 sep. 2003 06:22#1

hur gör jag för att få en bild förstorad i nytt fönster när jag klickar på den? //jiggan

Engine^Medlem sedan dec. 20003 887 inlägg

3 sep. 2003 06:50#2

Ja, du kan lägga in ett onclickevent i <img>-taggen, som öppnar bilden (den större?) i ett nytt fönster

<script language="Javascript">
function openImage(strURL, intH, intW)
{
  strFeatures = "channelmode=no,directories=no,height=" + intH
  strFeatures += ", left=0, menubar=no,resizable=no,scrollbars=no,status=no"
  strFeatures += ",toolbar=no,top=10,width=" + intW

  window.open (strURL, , strFeatures);
}
</script>

<img src="..." onClick="openImage('/minbild.jpg', [i]höjd[/i], [i]bredd[/i])">

Om jag missuppfattade dig och du menade att du ska ha samma bild och göra den större får du nog lov att skapa htmlkoden dynamiskt först med lite document.open/write och sedan klämma in bilden med height- och widthattribut, som du vill ha det.

jigganMedlem sedan juni 2003175 inlägg

3 sep. 2003 13:55#3

koden funkar inte, bilden kommer upp men det går inte att klicka på den så den öppnas som en större bild i ett nytt fönster...nere i vänster hörna på webläsaren står "färdig, men sidan innehåller fel" vad är det för fel? denna borden väl funka?

<KOD>

window.open (strURL, , strFeatures);
}
</script>

</KOD>

//jiggan

Del PeroMedlem sedan feb. 20003 785 inlägg

3 sep. 2003 14:00#4

Gör följande ändring så ska det fungera.

PepeJeriaMedlem sedan feb. 2003774 inlägg

3 sep. 2003 14:01#5

<img src="bakrund.jpg" onClick="openImage('/bakrund.jpg','40','40');">

Del PeroMedlem sedan feb. 20003 785 inlägg

3 sep. 2003 14:03#6

Flyttas från HTML, XHTML & CSS.

jigganMedlem sedan juni 2003175 inlägg

3 sep. 2003 14:26#7

funkar inte ändå fast nu blir det ett annat fel! när jag kommer in på sidan blir halva sidan den bilden utan att jag klickar på något, vad gör jag?

jigganMedlem sedan juni 2003175 inlägg

3 sep. 2003 14:54#8

denna funkar inte...

varför funkar inte denna? jag får upp bilden över halva skärmen direkt jag går in på sidan...jag ser alltså inte den som en liten bild som jag kan klicka på för att den ska bli större i ett nytt fönster...någon som kan hjälpa mig? koden ser ut så här:

<KOD>

window.open (strURL, , strFeatures);
}
</script>

</KOD>

//jiggan

CheguelinMedlem sedan juli 2003303 inlägg

3 sep. 2003 15:49#9

Därför att du saknar argument i window.open. Vill du inte ha ett namn på fönstret så måste du skriva typ null.

<script type="text/javascript">
function openImage(strURL, intH, intW) {
	strFeatures = "channelmode=no,directories=no,height=" + intH;
	strFeatures += ", left=0, menubar=no,resizable=no,scrollbars=no,status=no";
	strFeatures += ",toolbar=no,top=10,width=" + intW;
	
	window.open (strURL, null, strFeatures);
}
</script>

<img src="bakgrund.jpg" onClick='openImage("/bakgrund.jpg", 40, 40)' />

bossseMedlem sedan juni 2003771 inlägg

3 sep. 2003 16:09#10

Kan du inte bara länka på detta vis då?


<html>
<head>
  </head>
<body >
<A href = "bakgrund.jpg"><img src= "bakgrund.jpg" width="40" height="40" border="0" ></a>
</body margin-top=50>
</html>

JojoxxMedlem sedan juni 20004 308 inlägg

3 sep. 2003 16:54#11

(Trådarna sammanslagna).

Starta inte flera trådar i samma ämne är du snäll.