Wo ist der Fehler?

Bobbobbsen

Hallo,

Ich habe hier eine Themen Vorschau für eine Homepage. Es läuft alles gut, bis auf das der Hintergrund weiß bleibt, obwohl er wechseln soll beim fahren der Maus über den zugehörigen Button. Die Hintergründe sind als HINTERGRUND1,HINTERGRUND2,HINTERGRUND3 angegeben.
Hier noch ein Bild wie es z.Z mit weißem Hintergrund aussieht damit man sich ein Bild davon machen kann. http://www.bilder-space.de/show.php?file=…OzvZMjR6Vac.jpg

Hier der Code:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml" lang="de"><head>


	<title>TEST TUNNEL</title>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
	<meta name="Author" content="Bobbobbsen">
	<meta http-equiv="Content-Language" content="de">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="pragma" content="no-cache">
	<link rel="stylesheet" type="text/css" href="tunnelteaser_data/61b78f0ac1a7ff77366fda853d4d4c0ca53300df.css">
<script type="text/javascript">
  var boxes_on_page = new Array();
  boxes_on_page.push('box_1512681110_1353');
  boxes_on_page.push('box_482962105_1352');
  boxes_on_page.push('box_4111380503_1355');
  boxes_on_page.push('box_2043259509_1445');
  boxes_on_page.push('box_2931242274_1039');
  boxes_on_page.push('box_736052914_108');
  boxes_on_page.push('box_1499776231_806');
  boxes_on_page.push('box_2564294379_805');
  boxes_on_page.push('box_2224479161_1481');
  boxes_on_page.push('box_3274115939_1020');
  boxes_on_page.push('box_2218078053_804');
  boxes_on_page.push('box_3010551990_9');
  boxes_on_page.push('box_397727938_1021');
  var option_boxes_on_page = new Array();
</script>
<script type="text/javascript" src="tunnelteaser_data/tunnel_ticker.js"></script>
	<script type="text/javascript" src="tunnelteaser_data/tunnel_hl_switcher.js"></script>
</head><body style="margin: 0pt; padding: 0pt;">
<div id="tunnelteaser">
<div id="tunnelteaserspacer">&nbsp;</div>




<!-- Grosse Bilder -->


<input id="tunnelteaser_anzahl" value="3" type="hide">


<div style="display: none;" id="tunnelteaser_no1">
    <a href="LINKTHEMA1" target="_top">
        <img src="tunnelteaser_data/HINTERGRUND1" alt="" border="0" width="797" height="300">
    </a>
</div>


<div style="display: none;" id="tunnelteaser_kl1">
    <a href="LINKTHEMA1" target="_top">
        <img src="tunnelteaser_data/highlight-box-spacer.gif" class="tunnel_hl_spacer" border="0">
        <img src="tunnelteaser_data/THEMA1TOPGROSS.png" class="tunnel_h1_title" alt="NINTENDO" title="NINTENDO" border="0">
        <img src="tunnelteaser_data/THEMA1TOPKLEIN.png" class="tunnel_hl_pfeil" alt="USERNEWS" title="USERNEWS" border="0">
        <img src="tunnelteaser_data/highlight-pfeil-spitze.png" alt="" class="tunnel_hl_pfeil_spitze" border="0">
    </a>
</div>


<div id="tunnelteaser_no2" style="display: none;">
    <a href="LINKTHEMA2" target="_top">
        <img src="tunnelteaser_data/HINTERGRUND2" alt="" border="0" width="797" height="300">
    </a>
</div>




<div id="tunnelteaser_kl2" style="display: none;">
    <a href="LINKTHEMA2" target="_top">
        <img src="tunnelteaser_data/highlight-box-spacer.gif" class="tunnel_hl_spacer" border="0">
        <img src="tunnelteaser_data/THEMA2TOPGROSS.png" class="tunnel_h1_title" alt="TEST" title="TEST" border="0">
        <img src="tunnelteaser_data/THEMA2TOPKLEIN.png" class="tunnel_hl_pfeil" alt="TESTNEWs" title="TESTNEWS" border="0">
        <img src="tunnelteaser_data/highlight-pfeil-spitze.png" alt="" class="tunnel_hl_pfeil_spitze" border="0">
    </a>
</div>


<div id="tunnelteaser_no3" style="opacity: 0.999999;">
    <a href="LINKTHEMA3" target="_top">
        <img src="tunnelteaser_data/HINTERGRUND3" alt="" border="0" width="797" height="300">
    </a>
</div>
<div id="tunnelteaser_kl3" style="display: block;">
    <a href="LINKTHEMA3" target="_top">
        <img src="tunnelteaser_data/highlight-box-spacer.gif" class="tunnel_hl_spacer" border="0">
        <img src="tunnelteaser_data/THEMA3TOPGROSS.png" class="tunnel_h1_title" alt="STARCRAFT II" title="STARCRAFT II" border="0">
        <img src="tunnelteaser_data/THEMA3TOPKLEIN.png" class="tunnel_hl_pfeil" alt="BETA KOMMT BALD!" title="BETA KOMMT BALD!" border="0">
        <img src="tunnelteaser_data/highlight-pfeil-spitze.png" alt="" class="tunnel_hl_pfeil_spitze" border="0">
    </a>
</div>




<!-- Texte rechts -->


<div class="tunnel_hl_rechts_simple" id="tunnelteaser_simple_1" style="top: 70px; display: block;">
    <a href="LINKTHEMA1" target="_top">
        <img src="tunnelteaser_data/THEMA1UNBERÜHRT.png" alt="NINTENDO" title="NINTENDO" onmouseover="display_tunnelteaser(1);" border="0" width="190" height="30">
        <img src="GIGA%20-%20Digital%20Entertainment%20and%20Gaming%20TV-Dateien/spacer.gif" class="GIGAbutton b_power" alt="" title="" onmouseover="display_tunnelteaser(1);">
    </a>
</div>
<div class="tunnel_hl_rechts_advanced" id="tunnelteaser_adv_1" style="top: 70px; display: none;">
    <a href="LINKTHEMA1" target="_top">
        <img src="tunnelteaser_data/themen-pfeil.png" class="pfeil" border="0">
    </a>
    <div class="headline">
        <a href="LINKTHEMA1" target="_top">
            <img src="tunnelteaser_data/THEMA1.png" alt="NINTENDO" title="NINTENDO" onmouseover="display_tunnelteaser(1);" border="0" width="280" height="30">
        </a>
    </div>
</div>


<div class="tunnel_hl_rechts_simple" id="tunnelteaser_simple_2" style="top: 105px; display: block;">
    <a href="LINKTHEMA2" target="_top">
        <img src="tunnelteaser_data/THEMA2UNBERÜHRT.png" alt="TEST" title="TEST" onmouseover="display_tunnelteaser(2);" border="0" width="190" height="30">
        <img src="GIGA%20-%20Digital%20Entertainment%20and%20Gaming%20TV-Dateien/spacer.gif" class="GIGAbutton b_power" alt="" title="" onmouseover="display_tunnelteaser(2);">
    </a>
</div>
<div class="tunnel_hl_rechts_advanced" id="tunnelteaser_adv_2" style="top: 105px; display: none;">
    <a href="LINKTHEMA2" target="_top">
        <img src="tunnelteaser_data/themen-pfeil.png" class="pfeil" border="0">
    </a>
    <div class="headline">
        <a href="LINKTHEMA2" target="_top">
            <img src="tunnelteaser_data/THEMA2.png" alt="BATMAN:ARKHAM ASYLUM" title="BATMAN:ARKHAM ASYLUM" onmouseover="display_tunnelteaser(2);" border="0" width="280" height="30">
        </a>
    </div>
</div>


<div class="tunnel_hl_rechts_simple" id="tunnelteaser_simple_3" style="top: 140px; display: none;">
    <a href="LINKTHEMA3" target="_top">
        <img src="tunnelteaser_data/THEMA3UNBERÜHRT.png" alt="STARCRAFT II" title="STARCRAFT II" onmouseover="display_tunnelteaser(3);" border="0" width="190" height="30">
        <img src="GIGA%20-%20Digital%20Entertainment%20and%20Gaming%20TV-Dateien/spacer.gif" class="GIGAbutton b_power" alt="" title="" onmouseover="display_tunnelteaser(3);">
    </a>
</div>
<div class="tunnel_hl_rechts_advanced" id="tunnelteaser_adv_3" style="top: 140px; display: block;">
    <a href="LINKTHEMA3" target="_top">
        <img src="tunnelteaser_data/themen-pfeil.png" class="pfeil" border="0">
    </a>
    <div class="headline">
        <a href="LINKTHEMA3" target="_top">
            <img src="tunnelteaser_data/THEMA3.png" alt="STARCRAFT II" title="STARCRAFT II" onmouseover="display_tunnelteaser(3);" border="0" width="280" height="30">
        </a>
    </div>
</div>


</body></html>


<!-- pxe-wwwram2 0.48170 --></body></html>

Alles anzeigen

Danke im Voraus

MFG Bobbobbsen

Bobbobbsen

Keiner eine Idee?

synaptic

also pushen brauchste nach n paar stündchen noch nich, wir machen hier sehr viel sehr schnell doch ab und an muss man halt mal abwarten bis was kommt, kann auch ma nen tag oder zwei dauern, also geduld üben und frei duch die hose atmen

Tobse

Du solltest uns den code der datei "tunnel_h1_switcher.js" geben. Ohne den gehts wohl net.
Und noch so nen tipp nebenbei:
Die Schriftart sieht in Track Mania gut aus,a ber es kommt doof wenn du die Track Mania schriftart benutzt. Such ne neue: [klick mich!]

Bobbobbsen

Hier ist der COde von tunnel_h1_switcher.js

Code

function show_tunnelteaser(nr) {
	document.getElementById("tunnelteaser_kl"+nr).style.display='block';
    document.getElementById("tunnelteaser_simple_"+nr).style.display='none';
    document.getElementById("tunnelteaser_adv_"+nr).style.display='block';
	Effect.Appear("tunnelteaser_no"+nr,{ duration:0.3 });
}


function hide_tunnelteaser(nr) {
    document.getElementById("tunnelteaser_no"+nr).style.display='none';
    document.getElementById("tunnelteaser_kl"+nr).style.display='none';
	document.getElementById("tunnelteaser_adv_"+nr).style.display='none';
    document.getElementById("tunnelteaser_simple_"+nr).style.display='block';
}


function display_tunnelteaser(nr) {
    anzahl = document.getElementById("tunnelteaser_anzahl").value;
    for (i=1;i<=anzahl;i++) {
        if (i!=nr) {
            hide_tunnelteaser(i);
        }
    }
    show_tunnelteaser(nr);
}


function GetRandom( min, max ) {
   if( min > max ) {
       return( -1 );
   }
   if( min == max ) {
        return( min );
   }
   var r = parseInt( Math.random() * ( max+1 ) );
   return( r + min <= max ? r + min : r );
}

Alles anzeigen

Tobse

Das geht glaub einfacher mit CSS:

HTML

<html>
<head>
<title>HIGLIGHT</title>
<style type="text/css">
#menupunkte {
font-family: Impcat, "Trebuchet MS", Arial, sans-serif;
background: #FFFFFF;
float: rigth;
text-align: rigth;
}
#menupunkte a {
background: url(unselectiert.png) rigth no-repeat;
color: #FFFFFF;
}
#menupunkte a:hover {
font-weigth: bold;
background: url(selectiert.png) rigth no-repeat;
}
#link {
background: url(hintergrund_pfeilrechts.png) no-repeat;
border: 90px;
}
</style>
<script type="text/javascript" language="javascript">
schrift=document.getElementById("link").value;
i=1;
function link() {
schrift="Menüpunk"+i;
}
clear() {
schrift="";
}
</script>
</head>
<body>
<h1>Wie weit ist die Seite?</h1><input type="text" id="link">
<div id="menupunkte">
<a href="link1.html" onmouseover="link(); i=1;" onmouseout="clear()">Menüpunk1</a>
<a href="link2.html" onmouseover="link() i=2;" onmouseout="clear()">Menüpunk2</a>
<a href="link3.html" onmouseover="link() i=3;" onmouseout="clear()">Menüpunk3</a>
<a href="link4.html" onmouseover="link() i=4;" onmouseout="clear()">Menüpunk4</a>
<a href="link5.html" onmouseover="link() i=5;" onmouseout="clear()">Menüpunk5</a>
</div>
</body>
</html>

Alles anzeigen

ungetestet
EDIT:
Hab das JS vergessn ... *wegschleich"

Bobbobbsen

Danke für die Antwort. Aber es ist nicht das was ich eigentlich wollte. Das verändern der Buttons funktioniert. Dabei verändert sich auch die Überschrift. Hier ist nochmal ein Bild wie das dann aussieht http://www.bilder-space.de/show.php?file=…1zR5NnDfiLf.jpg . Nur das Problem ist der Hintergrund ist die ganze Zeit Weiß aber eigentlich sollten da auch Bilder erscheinen.

Danke für eure Aufmerksamkeit

Bobbobbsen

Tobse

dann veränder

Code

#menupunkte {
background: #FFFFFF;
}
nach:
#menupunkte{
background: url(dein hintergrund.png) no-repeat;
}

Wo ist der Fehler?

Tags

Benutzer online in diesem Thema