Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Programm Suche
Frage
Hallo
Ich bin mit dem JavaScript noch nicht allzu vertraut doch suche ich für die
Programmierung meiner Homepage ein Skript, durch welches beim
Berühren eines Linkes, an dessen Stelle ein Bild erscheint.
Wo kann ich sowas finden? Bisher fand ich nur ähnliche Skripte, aber das
exakt gesuchte war nicht dabei.
(Falls es hier einen programmierfreudigen Könner gibt, der mir ein
solches Skript erstellen könnte, wär ich natürlich auch nicht böse. ;-) )
Danke für die Hilfe,
Typer
Antwort 1 von Luutz
Wieso willste dafür denn eine javascript benutzen. Mach doch ein Mousover
Antwort 2 von Typer
Hab ich noch nie. Ist das einfacher?
Wo kann ich mich darüber informieren?
Wo kann ich mich darüber informieren?
Antwort 3 von rfb
@Typer:
Du müsstest deine Frage bzw. die Anforderungen an das Skript schon etwas präzisieren.
@Luutz:
Funktioniert bei dir mouseover etwa ohne JavaScript? Oder meinst du eigentlich :hover?
Du müsstest deine Frage bzw. die Anforderungen an das Skript schon etwas präzisieren.
@Luutz:
Funktioniert bei dir mouseover etwa ohne JavaScript? Oder meinst du eigentlich :hover?
Antwort 4 von Luutz
Na ok.
Ich habe meine letzte Seite, die ich gemacht habe mit dem Dreamwaver gemacht. Dann habe ich mir den Qulltext angesehen und mir die Sachen rausgesucht, die ich gebrauchen konnte. Aber warum sollte ein Mousover nur mit Javascript gehen??
Ich habe nicht die Ahnung von Javascripts. Dazu gibts Proggi´s.
Ich habe meine letzte Seite, die ich gemacht habe mit dem Dreamwaver gemacht. Dann habe ich mir den Qulltext angesehen und mir die Sachen rausgesucht, die ich gebrauchen konnte. Aber warum sollte ein Mousover nur mit Javascript gehen??
Ich habe nicht die Ahnung von Javascripts. Dazu gibts Proggi´s.
Antwort 5 von Typer
rfb:
Also es geht darum. Auf der Startseite Meiner Homepage hab ich ganz
simpel eine Tabelle und darin in einem Rhombus die verschiedenen
Kategorien angeordnet.
Ich bin nun auf der Suche nach einem Skript welches Folgendes
geschehen lässt:
Wenn ich zum Beispiel mit der Maus über den Link fahre, welcher zu
mehr Infos über ein Instrument führt, so soll das Bild dieses Instrumentes
erscheinen.
Das ist alles. ok?
Auf den Begriff "MouseOver" bin ich übrigens auf der Suche nach einem
derartigen Skript schon auch gestossen, allerdings nur im Bezug mit
einem Button-Wechsel zum Beispiel.
Also es geht darum. Auf der Startseite Meiner Homepage hab ich ganz
simpel eine Tabelle und darin in einem Rhombus die verschiedenen
Kategorien angeordnet.
Ich bin nun auf der Suche nach einem Skript welches Folgendes
geschehen lässt:
Wenn ich zum Beispiel mit der Maus über den Link fahre, welcher zu
mehr Infos über ein Instrument führt, so soll das Bild dieses Instrumentes
erscheinen.
Das ist alles. ok?
Auf den Begriff "MouseOver" bin ich übrigens auf der Suche nach einem
derartigen Skript schon auch gestossen, allerdings nur im Bezug mit
einem Button-Wechsel zum Beispiel.
Antwort 6 von rfb
Zitat:
Aber warum sollte ein Mousover nur mit Javascript gehen?
das eigentliche "onmouseover" funktioniert nunn mal nur mit JavaScript, es gibt aber eine CSS-Pseudoklasse ":hover" die ähnliches bewirken kann (was angesichts der Probleme mit JavaScript dann vorzuziehen ist)Aber warum sollte ein Mousover nur mit Javascript gehen?
Antwort 7 von rfb
Zitat:
Das ist alles. ok?
nö!Das ist alles. ok?
Wo soll das Bild erscheinen? Ist dafür ein bestimmter Platz bereits vorgesehen, soll es über der Seite "schweben", soll der Linktext durchs Bild ersetzt werden???
Fragen über Fragen.
Antwort 8 von Typer
Genau: Der Linktext soll durch das Bild ersetzt werden. So hatte ich es
gemeint.
gemeint.
Antwort 9 von rfb
<html>
<head>
<title>test</title>
<style type="text/css">
a img { display:none; }
a.link:hover img { display:inline; }
a.link:hover span { display:none; }
</style>
</head>
<body>
<div style="width:500px; height:393px">
<a class="link" href="#"><img src="bild.png" width="500" height="393"><span>Text</span></a></div>
</body>
</html> probiers mal aus, zumindest unter Opera funktionierts problemlos.
der Trick ist, dass zuerst das bild als unsichtbar deklariert wird (display:none), durch das a:hover wechseln Bild und Text dann sichtbar-unsichtbar.
Antwort 10 von Typer
Scheint zu klappen!
Tausend Dank rfb!
Tausend Dank rfb!
Antwort 11 von rfb
nur zur Ergänzung:
sinnvoller wäre die 5te Zeile so:
sonst würden alle Bilder in Links nicht angezeigt, es soll aber nur bei den Links mit dem Attribut class="link" der Fall sein.
sinnvoller wäre die 5te Zeile so:
a.link img { display:none; } sonst würden alle Bilder in Links nicht angezeigt, es soll aber nur bei den Links mit dem Attribut class="link" der Fall sein.