habe ein scriptproblem mit hoverbezeichnungen
Izeal
- javascript
hi leute ich habe folgendes script in meine hp eingebunden:
<script language="JavaScript">
<!-- Verstecken für ältere Browser
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else {
check = true;
}
if (check == true){
image1 = new Image();
image1.src = "pix/headoffice.JPG";
image1on = new Image();
image1on.src = "pix/warplaner.JPG";
image1stay = new Image();
image1stay.src = "pix/warplaner.JPG";
image3 = new Image();
image3.src = "pix/headoffice.JPG";
image3on = new Image();
image3on.src = "pix/contact.JPG";
image3stay = new Image();
image3stay.src = "pix/contact.JPG";
}
imageStay = ""
function imageon(name){
if (imageStay != name){
document[name].src = eval(name + "on.src");
}
}
function imageoff(name){
if (imageStay != name){
document[name].src = eval(name + ".src");
}
}
function on(name){
if (check == true){
imageon(name);
}
}
function off(name){
if (check == true){
imageoff(name);
}
}
function stay(name){
if (check == true){
document[name].src = eval(name + "stay.src");
if (imageStay != name){
if (imageStay != ""){
document[imageStay].src = eval(imageStay + ".src");
}
}
imageStay = name
}
}
// -->
</script>
soweit so gut und das habe ich mit solchen links eingebunden:(bspl)
<a href="wars/warindex.php" target="main" onMouseOver="on('image1');" onMouseOut="off('image1')" onClick="stay('image1');"><img src="pix/warindex1.JPG" border="0"></a>
es würde normalerweise keine probleme geben bei normalem hover wenn der hover effekt auch am link ausgeführt würde.
nun ist es aber so dass ich (www.clanbase-usa.de/test1.php) oben eine tafel habe in der der linkname angezeigt wird und des image dort heisst name="image1" aber wie man oben im script schon sieht funzt das nicht bei den folgenden links weil image1 nicht doppelt benannt werden kann
hat wer von euch eine ahnung? danke
sven
<a href="wars/warindex.php" target="main" onMouseOver="on('image1');" onMouseOut="off('image1')" onClick="stay('image1');"><img name="image1" src="pix/warindex1.JPG" border="0"></a>
Warum benennst Du nicht einfach deine Bilder entsprechend? ;)
Dass musst Du so oder so machen... nenn die Bilder oben einfach anders. :)
Gruss Stefan
<a href="wars/warindex.php" target="main" onMouseOver="on('image1');" onMouseOut="off('image1')" onClick="stay('image1');"><img name="image1" src="pix/warindex1.JPG" border="0"></a>
Warum benennst Du nicht einfach deine Bilder entsprechend? ;)
Dass musst Du so oder so machen... nenn die Bilder oben einfach anders. :)Gruss Stefan
jo das ist ja nicht das problem! sondern alle hover die ich habe werden auf image1 angezeigt! schau dir meine seite an(www.clanbase-usa.de/test1.de) da findest du in dem bild verschiedene links und bei dem grünen ablageding in der mitte funzt der hover und oben steht warplaner oder so und alle anderen sollen auch da angezeigt werden
hat sonst keiner ne ahnung?
Hallo Swen
Ohne mich lange in deine Seite hineinzuversetzen, kann sein, dass ich falsch liege.
Du verwendest immer einen Parameter "name".
Dieser soll dann verschiedene Bedeutungen haben, einmal Teil der jeweils vorgeladenen Bildresource, einmal Teil bzw. Teilnamen des Bildes im Dokument.
Das macht die ganze Sache imho unübersichtlich.
Gib dem Image bzw. den Images im Dokument jeweils einen eindeutigen Namen, der auch bestehen bleibt und nicht geändert wird, oder sprich diese über den Index an.
Dann trenne dies eindeutig z.B. on(Bildname, Resourcenname).
MFG
Detlef