Vielen Dank ihr beiden!!!
Da habt ihr euch echt viel Mühe gemacht! :-))
Mir leuchtet ein, was ihr sagt, und ich würde das auch gerne so machen ... leider funktioniert es aber nicht :-( Keine Ahnung warum, aber keine der beiden Varianten funktioniert.
So habe ich das beispielsweise eingebaut:
<!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" lang="de">
<head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>stefan rohloff photography</title>
<?php
/* ************************************************* / / **************** PHP Variablen **************** / / ************************************************* */
$galerie=$_GET["galerie"]; /* Galerietyp / if ($galerie=="") {$galerie="land";} $bild=$_GET["bild"]; / Bildnummer / if ($bild=="") {$bild="1";} $hinweis=$_GET["hinweis"]; / Hinweis auf F11-Taste, 0 = noch nicht angezeigt, 1 = bereits angezeigt / if ($hinweis=="") {$hinweis="0";} $imgsize=getimagesize($galerie.$bild.".jpg"); / Bildgroesse, [0] = Breite, [1] = Hoehe / $imginfos=file("$galerie$bild.txt"); / Bildinformationen, [0] = Bildbeschreibung, [1] = technische Daten / $anzahl=file("$galerie.txt"); / Anzahl der vorhandenen Bilder im aktuellen Galerietyp */ ?>
<!-- ********************************************** --> <!-- ******************** CSS ******************* --> <!-- ********************************************** -->
<link href="galerie.css" rel="stylesheet" type="text/css" />
<!-- ********************************************** --> <!-- **************** Javascript **************** --> <!-- ********************************************** -->
<script type="text/javascript"> /* Funktion, die die Bildlaufleiste jeweils zum aktuellen Vorschaubild scrollt */ <?php echo"\tfunction scrollposition() {document.getElementById("bildleiste").scrollTop=".(($bild-2)106).";}\n"; / ($bild-2): aktuelles Bild in der Mitte, ($bild-1): aktuelles Bild oben */ ?> </script> <!--[if lt IE 7]> <script type="text/javascript"> window.onload = function() { var bruecke = document.getElementById("bruecke"); var strich = document.getElementById("strich"); var menu = document.getElementById("menu");
document.getElementById("menubox").onmouseover = function() { bruecke.style.display="block"; strich.style.display="block"; menu.style.display="block"; } document.getElementById("menubox").onmouseover = function() { bruecke.style.display="none"; strich.style.display="none"; menu.style.display="none"; } } </script> <![endif]-->
<style type="text/css"> <?php if (eregi("Win", $_SERVER['HTTP_USER_AGENT'])) {echo "#basis {font-size:0.812em;}\n";} else {echo "#basis {font-size:1.082em;}\n";} ?> </style>
</head>
<body onload="scrollposition()"> <!-- Hier wird die Javascript-Funktion aufgerufen -->
<div id="basis"> <!-- Umschliesst den gesamten Seiteninhalt, verhindert Scrollbalken im Konqueror -->
. . .
<!-- ********************************************** --> <!-- ****************** Menues ****************** --> <!-- ********************************************** -->
<div id="kopfzeile"> <a href="" title="home"><h6>stefan rohloff photography - home</h6></a> <div id="menubox"> <h6>menu</h6> <span id="bruecke"></span> <span id="strich">test</span> <span id="menu"> <a href="">home</a> <a href="">lens tests</a> <a href="">profil</a> <a href="">guests</a> <a href="">contact</a> </span> </div> </div> <div id="galeriemenu"> <?php /* Der aktuelle Inhalt von $hinweis wird mit uebergeben */ echo "<a href="galerie.php?galerie=landscape&bild=1&hinweis=$hinweis">landscape</a>\n\t\t"; echo "<a href="galerie.php?galerie=travel&bild=1&hinweis=$hinweis">travel</a>\n\t\t"; echo "<a href="galerie.php?galerie=detail&bild=1&hinweis=$hinweis">detail</a>\n"; ?> </div>
</div>
</body> </html>
nochmal zum Vergleich, die alte funktionsfähige Version:
<!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" lang="de">
<head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>stefan rohloff photography</title>
<?php
/* ************************************************* / / **************** PHP Variablen **************** / / ************************************************* */
$galerie=$_GET["galerie"]; /* Galerietyp / if ($galerie=="") {$galerie="land";} $bild=$_GET["bild"]; / Bildnummer / if ($bild=="") {$bild="1";} $hinweis=$_GET["hinweis"]; / Hinweis auf F11-Taste, 0 = noch nicht angezeigt, 1 = bereits angezeigt / if ($hinweis=="") {$hinweis="0";} $imgsize=getimagesize($galerie.$bild.".jpg"); / Bildgroesse, [0] = Breite, [1] = Hoehe / $imginfos=file("$galerie$bild.txt"); / Bildinformationen, [0] = Bildbeschreibung, [1] = technische Daten / $anzahl=file("$galerie.txt"); / Anzahl der vorhandenen Bilder im aktuellen Galerietyp */ ?>
<!-- ********************************************** --> <!-- ******************** CSS ******************* --> <!-- ********************************************** -->
<link href="galerie.css" rel="stylesheet" type="text/css" />
<!-- ********************************************** --> <!-- **************** Javascript **************** --> <!-- ********************************************** -->
<script type="text/javascript"> /* Funktion, die die Bildlaufleiste jeweils zum aktuellen Vorschaubild scrollt */ <?php echo"\tfunction scrollposition() {document.getElementById("bildleiste").scrollTop=".(($bild-2)106).";}\n"; / ($bild-2): aktuelles Bild in der Mitte, ($bild-1): aktuelles Bild oben */ ?> </script> <!--[if lt IE 7]> <script type="text/javascript"> function einblenden() { document.getElementById("bruecke").style.display="block"; document.getElementById("strich").style.display="block"; document.getElementById("menu").style.display="block";} function ausblenden() { document.getElementById("bruecke").style.display="none"; document.getElementById("strich").style.display="none"; document.getElementById("menu").style.display="none";} </script> <![endif]-->
<style type="text/css"> <?php if (eregi("Win", $_SERVER['HTTP_USER_AGENT'])) {echo "#basis {font-size:0.812em;}\n";} else {echo "#basis {font-size:1.082em;}\n";} ?> </style>
</head>
<body onload="scrollposition()"> <!-- Hier wird die Javascript-Funktion aufgerufen -->
<div id="basis"> <!-- Umschliesst den gesamten Seiteninhalt, verhindert Scrollbalken im Konqueror -->
. . .
<!-- ********************************************** --> <!-- ****************** Menues ****************** --> <!-- ********************************************** -->
<div id="kopfzeile"> <a href="" title="home"><h6>stefan rohloff photography - home</h6></a> <div id="menubox" onmouseover="einblenden()" onmouseout="ausblenden()"> <h6>menu</h6> <span id="bruecke"></span> <span id="strich">test</span> <span id="menu"> <a href="">home</a> <a href="">lens tests</a> <a href="">profil</a> <a href="">guests</a> <a href="">contact</a> </span> </div> </div> <div id="galeriemenu"> <?php /* Der aktuelle Inhalt von $hinweis wird mit uebergeben */ echo "<a href="galerie.php?galerie=landscape&bild=1&hinweis=$hinweis">landscape</a>\n\t\t"; echo "<a href="galerie.php?galerie=travel&bild=1&hinweis=$hinweis">travel</a>\n\t\t"; echo "<a href="galerie.php?galerie=detail&bild=1&hinweis=$hinweis">detail</a>\n"; ?> </div>
</div>
</body> </html>
Stefan