Hallo,
da bin ich schon wieder. Ich habe versucht, alles nach Deiner schönen Anleitung zu machen und bin jetzt wirklich ratlos.
Die Verlinkung klappt, allerdings nicht so, wie erwartet.
Wenn ich jetzt auf das Thumbnail gehe, blitzt für einen kurzen Augenblick an der richtigen Stelle das Vollbild auf. Dann wird (wie vorher schon gehab)t das Vollbild in einem neuen Fenster angezeigt. Wenn ich dann mit dem Browser-Button zurückgehe, ist das Vollbild an der richtigen Stelle zu sehen.
Ich zeige jetzt mal das entsprechende HTML-Dokument. Ich glaube, am Stylesheet liegt es nicht, dort habe ich nur die Position des Vollbildes definiert.
Das Javascript steht im head und der die Bilder betreffende Bereich ganz unten.
Was mache ich falsch?
Viele Grüße
pet
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE">
<head>
<title>Petra Hämmerleinova</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="Title" content="Petra Hämmerleinova-design und illustration" />
<meta name="Author" content="Petra Hämmerleinova" />
<meta name="Subject" content="Webseite von Petra Hämmerleinova design and illustration" />
<meta name="Description" content="Webseite von Petra Hämmerleinova - fashion illustration, stationary design, product graphics, illustration" />
<meta name="Keywords" content="fashion,beauty,stationary,graphics,product design,illustration,greeting cards" />
<meta name="Language" content="DE" />
<meta name="Copyright" content="© Petra Hämmerleinova" />
<meta name="Designer" content="Petra Hämmerleinova" />
<meta name="Publisher" content="Petra Hämmerleinova" />
<meta name="Distribution" content="Global" />
<link href="stylestationary.css" rel="stylesheet" media="screen">
<script type="text/javascript">
function anzeigenVollbild(url) {
document.getElementById("Vollbild").src = url;
return false;
}
</script>
</head>
<body id="startseite">
<div id="wrapper">
<div id="kopfbereich">
<h1> PETRA HÄMMERLEINOVA</h1>
</div> <!-- Ende kopfbereich -->
<div id="untertitel">
<h2> illustration & design</h2>
</div> <!-- Ende untertitel -->
<img src="logo.jpg" alt="logo" id="logo" width="33" height="33">
<div id="navibereich">
<ul>
<li><a href="index.html"> home</a></li>
<li id="slogan"> portfolio</li>
<li><a href="bio.html"> bio</a></li>
<li><a href="contact.html"> contact</a></li>
</ul>
</div> <!-- Ende navibereich -->
<div id="unternavi">
<ul>
<li><a href="fashion.html"> fashion⁄ beauty</a></li>
<li id="slogan"> stationary</a></li>
<li><a href="product.html"> product graphics</a></li>
<li><a href="illustration.html"> illustration</a></li>
</ul>
</div> <!-- Ende unternavi -->
<div id="fussbereich">
<p>©2012 Petra Hämmerleinova all rights reserved </p>
</div> <!-- Ende fussbereich -->
<div id="bildunterschrift"
align="center"
<p>Jumping Jack "Princess Lilli"<br />
Rannenberg & friends</p>
</div> <!-- Ende bildunterschrift -->
<img id="Vollbild" src="" alt="Vollbildanzeige">
<div id="bildbereich">
<a href="image_prinzessin.jpg" onclick="anzeigenVollbild(this.href)"><img src="thumbnail_prinzessin.jpg" id="thumbnailprinzessin" alt="Thumbnail Princess" width="60" height="60"></a>
</div> <!-- Ende bildbereich -->
</div> <!-- Ende wrapper -->
</body>
</html>