Hallo, Ich bin neu hier und hab auch gleich erstmal eine Frage und zwar hab ich eine Website Navigation Programmiert die ich nun erweitern möchte.
Derzeit sind in der Navigation drei Links die durch scrollen, da nun Link4 und 5 dazu kommen sollen möchte ich gerne das nicht nur die Links scrollen sondern die ganze Navigation!
Beispiel die drei punkte wäre:
1Links
2wir
3partner
dann soll quasi links zu punkt 2 werden wir zu punkt 3 und partner verschwinden und punkt ein wird test zb. nach 3sekunden soll dann wieder 1zu2 werden, 2-3 und der eben verschwundene punkt taucht wieder auf, dafür verschwindet ein anderer!
ich weiß nicht genau ob ich es gut erläutert hab
.
mein bisheriger code:
header.php
index.php
vielen dank
Derzeit sind in der Navigation drei Links die durch scrollen, da nun Link4 und 5 dazu kommen sollen möchte ich gerne das nicht nur die Links scrollen sondern die ganze Navigation!
Beispiel die drei punkte wäre:
1Links
2wir
3partner
dann soll quasi links zu punkt 2 werden wir zu punkt 3 und partner verschwinden und punkt ein wird test zb. nach 3sekunden soll dann wieder 1zu2 werden, 2-3 und der eben verschwundene punkt taucht wieder auf, dafür verschwindet ein anderer!
ich weiß nicht genau ob ich es gut erläutert hab
mein bisheriger code:
header.php
HTML:
<!--
var time = 5000 //Zeit fur den Bildewechsel
var bild = new Array();
bild[0] = "/wp-content/themes/wpremix2/images/navi/1.jpg";
bild[1] = "/wp-content/themes/wpremix2/images/navi/2.jpg";
bild[2] = "/wp-content/themes/wpremix2/images/navi/3.jpg";
var narf = "0";
var changeAutoImage = 1;
function bildwechseln() {
if(changeAutoImage == 1) {
document.getElementById("t_imagemap").src = bild[narf];
narf++;
if (narf == bild.length) {
narf = 0;
}
}
setTimeout("bildwechseln()",time);
}
-->
</script>
<BODY onLoad="bildwechseln()">
index.php
HTML:
<div id="content-beide"><img id="t_imagemap" usemap="#tmp" src="/wp-content/themes/wpremix2/images/navi/1.jpg" border="0" alt="" />
<map id="tmp" name="tmp">
<area shape="poly" coords="3,2,4,78,369,77,369,7" href="/microsoft-online-services" target="_self" onMouseOver="changeImage(this, '1.jpg' );changeAutoImage=0;" onMouseOut="changeImage(this, '1.jpg');changeAutoImage=1;">
<area shape="poly" coords="2,91,3,158,367,159,369,95" href="/partnerschaften" target="_self" onMouseOver="changeImage(this, '2.jpg');changeAutoImage=0;" onMouseOut="changeImage(this, '2.jpg');changeAutoImage=1;">
<area shape="poly" coords="4,176,8,250,366,239,364,182" href="/portale" target="_self" onMouseOver="changeImage(this, '3.jpg');changeAutoImage=0;" onMouseOut="changeImage(this, '3.jpg');changeAutoImage=1;"></map></div>
</div>
vielen dank
Zuletzt bearbeitet: