Just nu i M3-nätverket
Jump to content

Oval pop-up


IvanB

Recommended Posts

Okej, här har du facit :)

 

[log]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>Untitled</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="sv" />
<style type="text/css">
<!--
body {
margin:0;
padding:0;
}
#wrapper {
position:relative;
margin:0 auto;
width:785px;
height:900px;
}
#leftMeny {
position:absolute;
top:0px;
left:0px;
width:100px;
height:890px;
}
#ImgBottom {
position:absolute;
top:0px;
left:100px;
z-index:10;
background-color:blue;
}
#ImgMirror {
position:absolute;
top:0px;
left:100px;
z-index:100;
}
#thumbs {
position:absolute;
top:0;
left:585px;
width:200px;
height:890px;
}
#fot {
position:absolute;
top:890px;
left:0;
width:785px;
height:10px;
}
-->
</style>
</head>

<body>
<div id="wrapper">
<div id="leftMeny">1</div>
<img id="ImgMirror" alt="spegelram (147K)" src="spegelram.gif" height="890" width="485" />
<img id="ImgBottom" src="3.jpg" height="890" width="485" />
<div id="thumbs">2</div>
<div id="fot">3</div>
</div>
</body>
</html>

[/log]

För att du ska se att bilden syns igenom har jag gjort blå bakgrund, ändra detta i css-koden för #ImgBottom.

Sen är det bara att lägga in bilderna och javascriptet där dem ska vara.

 

[inlägget ändrat 2007-10-07 21:09:18 av Micke_skane]

Link to comment
Share on other sites

Tack så mycket. Det är säkert jag som har gjort fel någonstans. Fprtfarande web.comhem.se/consoler.

 

[bild bifogad 2007-10-08 00:54:34 av IvanB]

987486_thumb.jpg

Link to comment
Share on other sites

Som jag kan se så har du inte länkat rätt till bilderna i onmouseover.

Är nu:

onmouseover="Show('spegelbild1.jpg');"

 

Ligger bilderna i mappen bilder borde det vara:

onmouseover="Show('bilder/spegelbild1.jpg');"

 

Sen är det felstavat igen i:

<script type="text/jacascript">

 

[inlägget ändrat 2007-10-08 07:26:29 av Micke_skane]

Link to comment
Share on other sites

OchNu har jag ändrat. Vad är det för fel nu?

 

Jag har en felsökare inbyggd i Firefox som säger:

 

[log]document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";

consoler (line 62)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";

consoler (line 62)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";

consoler (line 62)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";

consoler (line 62)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";

consoler (line 62)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";

consoler (line 62)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";

consoler (line 62)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src=img;

consoler (line 59)

document.getElementById("Bottom") has no properties

[break on this error] document.getElementById('Bottom').src="blank.jpg";[/log]

[inlägget ändrat 2007-10-08 08:55:51 av IvanB]

Link to comment
Share on other sites

Det är för att id-namnet på bilden är ändrad:

 

Ändra:

document.getElementById('Bottom').src=img;

och

document.getElementById('Bottom').src="blank.jpg";

 

Till:

document.getElementById('ImgBottom').src=img;

och

document.getElementById('ImgBottom').src="blank.jpg";

 

Sen ska det gå :)

 

Link to comment
Share on other sites

Ja:)!

Tack så enormt mycket!

Vad skulle jag göra utan dig och utan IDG-forum?

Nu ska jag bara ta hand om bilderna och sen är det klar!

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...