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.

Oval pop-up

IvanB

Startad av IvanB,
i Webbutveckling

Rekommendera Poster

Micke_skane

Micke_skane

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
IvanB

IvanB

Postad
  • Trådskapare
Postad

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

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
IvanB

IvanB

Postad
  • Trådskapare
Postad

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]

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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å :)

 

Länk till kommentar
Dela på andra webbplatser
IvanB

IvanB

Postad
  • Trådskapare
Postad

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!

 

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...