Jvascript HiLite

**gitty** · 15.02.2010, 15:35

Hallo,

vielleicht kann mir jemand helfen?

Ich möchte auf einer Internetseite bei Mouseover ein Bild zusätzlich anzeigen lassen, genau wie auf dieser Seite:

http://www.pfisterswiss.ch/index.html

Obwohl ich alle Dateien habe, schaff ich es nicht, dass ein anderes Bild erscheint.

Ich bin für jede Antwort dankbar

!

**uliS** · 15.02.2010, 20:08

Hallo,

hier ist ein einfaches script, ohne Buttons:

<script type="text/javascript">

function bild(action){
var img_div = document.getElementById('bild');
if(action == 1){
img_div.style.display = "block";
} else {
img_div.style.display = "none";
}
}
</script>

<style type="text/css">
#bild {

position: relative;
left: 250px;
top: 100px;
display: none;
height: 10px;
width: 10px;

}
</style>

</head>

<body>

<div id="bild"><img src="images/DAS BILD DAS DU ANZEIGEN MÖCHTEST.jpg" /></div>

<p><span onMouseOver="bild(1);" onMouseOut="bild(2)"><img src="images/DAS BILD ÜBER DAS DU MIT DER MAUS FÄHRST.jpg" /></span></p>

</body>

Du kannst natürlich statt einem Bild auch einfach irgendwelchen Text bei "onmouseOut" eingeben.
Wenn es auch eine Landkarte sein soll, dann musst Du beachten, dass die Grafik aus mehreren Teilen besteht.
Die Position des angezeigten Bildes kannst Du bei "left" und "top" ändern.
"height" bewirkt den Versprung des Textes, oder Bildes, bei null bewegt sich nichts, wenn Du mit der Maus drüber fährst.

Hoffe das ist was Du suchst...

Grüsse Uli

**gitty** · 15.02.2010, 20:50

Vielen lieben Dank, es funktioniert zwar, aber es reißt mir die Landkarte auseinander. Aber vielleicht bin auch auch nur zu blöd dafür, sorry.

**uliS** · 15.02.2010, 21:30

hast Du "height" und "width" auf null gestellt? Dann dürfte das aber eigentlich nicht mehr passieren.....

Grüsse Uli

**gitty** · 15.02.2010, 21:35

Nein, habe ich natürlich nicht. Mach ich aber jetzt. Nochmals vielen Dank!!!!!!!!!!!!!

**gitty** · 15.02.2010, 23:02

Jaaaaaaaaaaaaaaa, es geht. Ohne Button reißt es mir aber immer noch die Landkarte auseinander, aber mit Button geht es. Allerdings, ich brauche vier Buttons und es wird immer das selbe Bild angezeigt.

http://www.fishans.ch/index.html

Wie kann ich das noch ändern?

Lieben Gruß
Gitty

**uliS** · 16.02.2010, 09:05

Hallo Gitti,

Du musst das was im "body-tag" steht natürlich für jeden button wiederholen und explizit zuweisen. Wenn Du beim überfahren der Karte ebenfalls Bilder anzeigen willst, dann musst Du das dort auch für jeden Teil der Grafik so machen.

Grüsse Uli

**gitty** · 16.02.2010, 09:31

Hallo,

irgendwie habe ich das gemacht, aber wohl nicht richtig.

Magst Du Dir mal den Code im Body ansehen?

**uliS** · 16.02.2010, 18:51

Hallo,

sorry hatte den ganzen Tag zu tun. Dafür hab ich`s Dir jetzt mal neu und einfacher gemacht, ohne java script.

Geh mal auf http://www.taurusline.de

und kopier Dir einfach den Quelltext und die beiden Grafiken.
Die zweite Grafik hab ich auf die schnelle nur etwas abgeschwächt, aber die kannst Du ja noch nach belieben ändern.

Grüsse Uli

**gitty** · 16.02.2010, 20:15

Hallo,

vielen lieben Dank, dass Du Dir soviel Mühe gemacht hast!!!

Ich werde es gleich morgen ausprobieren.

Lieben Gruß
Gitty

**MichaelM** · 16.02.2010, 23:48

Also, bei mir Firefox wird die Landkarte nicht auseinandergerissen.:-)

**gitty** · 17.02.2010, 07:27

Hallo MichaelM,

vielleicht hast Du Dir gestern die Daten runtergeladen. Ich habe eine neue Landkarte eingefügt. Eine, die lediglich aus einem Bild besteht und nicht aus fünf.

Gruß
Gitty

**gitty** · 17.02.2010, 09:27

Hallo,

ich schon wieder

!!!

Leider funktioniert bei mir das einfügen des Codes von

http://www.taurusline.de/

so gar nicht, bzw. ich kann es nicht. Da schmeißt es mir die ganze Seite durcheinander.

Am besten geht es mit dem Javascript, aber eben immer nur das eine Bild wird angezeigt.

zur Startseite vom TP

Thema: Jvascript HiLite

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Jvascript HiLite

Aktive Benutzer

Aktive Benutzer

Stichworte

Aktive Benutzer

Aktive Benutzer

Berechtigungen