Text durch Grafik ersetzen - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Text durch Grafik ersetzen

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Text durch Grafik ersetzen

Pages: [1]

geschrieben von Snakexy am 12.07.2004 - 16:07

Hab ein problem ich will einen Link mit onMouseover durch eine image datei ersetzen. Habe aber das problem das ich wenn ich den pfad der datei angebe so aussehen müsste: onMouseover="inerHTML'<img src="Bilder/home.jpg">' "
Damit kommt der browser natürlich nicht zu recht.
Hat jemand ne Idee wie ich das problem lösen kann?

MFG
Snakexy

geschrieben von Cluster am 12.07.2004 - 16:17

Vielleicht ist Dir mit diesem Script hier geholfen:

http://www.javarea.de/index.php3?op....amp;id=316

Ein wenig umstricken und es sollte funktionieren. Solltest Du nicht klar kommen, meld' Dich einfach nochmal.

geschrieben von Snakexy am 12.07.2004 - 16:24

Hab mir den code angesehen.
Kenn mich aber mit dem code nicht wirklich aus.

Könntest mir vieleicht einbischen ärkleren was der code macht?

geschrieben von Pablo am 12.07.2004 - 21:43

Ein Beispiel (nicht getestet):

	HTML-Quelltext
1:	<span id="t1" onmouseover="this.innerHTML='<img src=\'./bild.gif\'>';" onmouseout="this.innerHTML='Und hier ist wieder der alte Text, nur verändert.';">hier erscheint gleich ein Bild</span>

Guck mal ob das klappt.

Pablo

geschrieben von starleos am 12.07.2004 - 21:49

Hi,

das ist schon js aber egal:
z.B

JS

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17:

if (document.images) 
{
nav_start_B1_off = new Image(); nav_start_B1_off.src = "image1.jpg" 
nav_start_B1_over = new Image(); nav_start_B1_over.src = "image2.jpg" 
}
 
function turn_off(ImageName) {
    if (document.images != null) {
        document[ImageName].src = eval(ImageName + "_off.src");
    }
}
 
function turn_over(ImageName) {
    if (document.images != null) {
        document[ImageName].src = eval(ImageName + "_over.src");
    }
}

HTML

HTML-Quelltext

1: 
2:

<a href="javascript:void(0)" onclick="open('link.html' ,'link',')" onmouseout="turn_off('nav_start_B1')" onmouseover="turn_over('nav_start_B1')">
<img name="nav_start_B1" src="imagesindex/team.gif" border="1" width="100" height="50" alt="......" /></a>

Denke das ist was du suchts, wenn nicht sag bescheid.

geschrieben von Snakexy am 13.07.2004 - 09:04

Dürfte das sein was ich suche wollt nur noch fragen wie ich es richtig ein binde und wo der dateiname von meiner image datei hingehört.
Würde sagen das der obere teil in den header kommt und der untere in den body und überal wo bei dir image name steht gehört mein image name rein.
ist das so richtig?

geschrieben von Snakexy am 13.07.2004 - 09:43

Hab noch ein problem mit deinem code.
Der link geht bei nir so nimma weill alles in nem scheiß frame drinnen ist das ich net weg tun darf.
Noch eine kleinigkeit passt bei deinem code für mich nicht. Du gehst von 2 grafiken aus. Ich habe nur eine grafik und einen text und der text soll wenn ich mit der maus drüber fahre zu der grafik werden.
Will meinen Text nicht in eine Grafik formatiern weil das sonst mei ganze css formatierung für die seite über den haufen wirft und ich keine lust habe di um zu schreiben.
@Pablo hab deinen code probiert und es hapert so wie ich vermutet habe bei den zwei Hockkomas bei der URL angabe. Wenn ich die rein tu geht nix mehr und wenn ich sie nicht verwände findet er die datei nicht.

geschrieben von Pablo am 13.07.2004 - 14:42

prinzipiell geht das scon, nur hat das Board ein paar Zeichen verschluckt:

	HTML-Quelltext
1:	<span id="t1" onmouseover="this.innerHTML='<img src=\\'./bild.gif\\'>';" onmouseout="this.innerHTML='Und hier ist wieder der alte Text, nur verändert.';">hier erscheint gleich ein Bild</span>

Aber die Lösung ist so wie so nicht sonderlich gut...

Pablo

geschrieben von Snakexy am 14.07.2004 - 08:01

@Pablo
Hab deinen code probiert und er funktioniert jetzt. DANKE!!

Auch wenn die lösumg nicht so gut ist wärde ich sie verwenden biss ich eine bessere gefunden habe.

thx 4 help
Snakexy