| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
gitty Mitglied
|
Java Script ändern, aber wie? |
|
|
Hallo,
kann mir jemand helfen?
Ich habe für einen Freund eine Homepage erstellt:
http://www.fishans.ch/
Wenn man auf eine Button geht, öffnet sich ein kleines Bild, aber leider immer nur dasselbe. Eigentlich soll sich aber bei jedem Button ein anderes Bild öffnen.
Ich weiß aber nicht, wie ich das Script verändern mus, damit das passiert.
Vielleicht weiß ja jemand Abhilfe, ich freue mich über jede Antwort.
Gruß
Gitty |
|
|
|
| 21 Feb 2010 13:10 |
|
  |
Werner Homepage-Total.de Moderator

|
 |
|
|
Ich habe hier ein etwas anderes JavaScript.
Die Dateipfade der Bilder müssen noch angepasst werden ...
| Code: | <script type="text/javascript">
var bild = new Array;
// Hier Dateipfad der Bilder einfügen
bild[1] = "index-Dateien/eschenz.JPG";
bild[2] = "bild2.gif";
bild[3] = "bild3.gif";
bild[4] = "bild4.gif";
function bild(ID) {
document.getElementById("bld").innerHTML = '<img src="' + bild[ID] + '">';
}
function nix() {
document.getElementById("bld").innerHTML = '';
}
</script>
<p><span onMouseOver="bild(1);" onMouseOut="nix()"><img src="index-Dateien/button_eschenz_on.gif" /></span></p>
<p><span onMouseOver="bild(2);" onMouseOut="nix()"><img src="index-Dateien/button_erlen_on.gif" /></span></p>
<p><span onMouseOver="bild(3);" onMouseOut="nix()"><img src="index-Dateien/button_villmergen_on.gif" /></span></p>
<p><span onMouseOver="bild(4);" onMouseOut="nix()"><img src="index-Dateien/button_bussigny_on.gif" /></span></p>
<span id="bld"> </span><br>
|
|
_________________ Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 23 Feb 2010 20:10 |
|
 |
gitty Mitglied
|
 |
|
|
| Vielen lieben Dank, ich werde das mal ausprobieren. |
|
|
|
| 23 Feb 2010 20:18 |
|
 |
gitty Mitglied
|
 |
|
|
Also, bei mir tut sich nichts. Ich habe im Headbereich folgendes eingefügt:
<script type="text/javascript">
var bild = new Array;
// Hier Dateipfad der Bilder einfügen
bild[1] = "index-Dateien/eschenz.jpg";
bild[2] = "index-Dateien/nord.jpg";
bild[3] = "index-Dateien/villmergen_klein.jpg";
bild[4] = "index-Dateien/bussigny-klein.jpg";
function bild(ID) {
document.getElementById("bld").innerHTML = '<img src="' + bild[ID] + '">';
}
function nix() {
document.getElementById("bld").innerHTML = '';
}
</script>
und im Body:
<p><span onMouseOver="bild(1);" onMouseOut="nix()"><img src="index-Dateien/button_eschenz_on.gif" /></span></p>
<p><span onMouseOver="bild(2);" onMouseOut="nix()"><img src="index-Dateien/button_erlen_on.gif" /></span></p>
<p><span onMouseOver="bild(3);" onMouseOut="nix()"><img src="index-Dateien/button_villmergen_on.gif" /></span></p>
<p><span onMouseOver="bild(4);" onMouseOut="nix()"><img src="index-Dateien/button_bussigny_on.gif" /></span></p>
Habe ich etwas falsche gemacht? |
|
|
|
| 23 Feb 2010 20:39 |
|
 |
Werner Homepage-Total.de Moderator

|
 |
|
|
Da fehlt noch:
| Code: | <span id="bld"> </span><br> |
Dort werden die Bilder angezeigt. |
_________________ Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 24 Feb 2010 22:31 |
|
 |
gitty Mitglied
|
 |
|
|
Danke für die Antwort! Aber wo bitte soll ich das einfügen, an welche Stelle?
Gruß
Gitty |
|
|
|
| 24 Feb 2010 23:16 |
|
 |
gitty Mitglied
|
 |
|
|
| Sorry, das stand schon drin, habe ich nur vergessen mit zu kopieren und dadurch wurde es hier nicht angezeigt. |
|
|
|
| 24 Feb 2010 23:20 |
|
 |
Werner Homepage-Total.de Moderator

|
 |
|
|
Es war noch ein kleiner Fehler darin:
| Code: | <script type="text/javascript">
var bild = new Array;
// Hier Dateipfad der Bilder einfügen
bild[1] = "index-Dateien/eschenz.jpg";
bild[2] = "index-Dateien/nord.jpg";
bild[3] = "index-Dateien/villmergen_klein.jpg";
bild[4] = "index-Dateien/bussigny-klein.jpg";
function bilda(ID) {
document.getElementById("bld").innerHTML = '<img src="' + bild[ID] + '">';
}
function nix() {
document.getElementById("bld").innerHTML = '';
}
</script>
und im Body:
<p><span onMouseOver="bilda(1);" onMouseOut="nix()"><img src="index-Dateien/button_eschenz_on.gif" /></span></p>
<p><span onMouseOver="bilda(2);" onMouseOut="nix()"><img src="index-Dateien/button_erlen_on.gif" /></span></p>
<p><span onMouseOver="bilda(3);" onMouseOut="nix()"><img src="index-Dateien/button_villmergen_on.gif" /></span></p>
<p><span onMouseOver="bilda(4);" onMouseOut="nix()"><img src="index-Dateien/button_bussigny_on.gif" /></span></p>
<span id="bld"> </span><br> |
|
_________________ Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 25 Feb 2010 22:24 |
|
 |
gitty Mitglied
|
 |
|
|
Hallo,
vielen, vielen Dank! Jetzt werden alle Bilder richtig angezeigt. Ich habe genau den letzten Code eingefügt, allerdings, wenn man mit der Maus auf den Button kommt zittert die ganze Seite, als ob ein Erdbeben wäre. Ob man das noch wegbekommt?
Ich weiß ja, dass ich nerve mit meinen Fragen, aber ich kann das nur lernen, wenn mir jemand hilft.
Gruß
Gitty |
|
|
|
| 25 Feb 2010 23:07 |
|
 |
gitty Mitglied
|
 |
|
|
Hallo Werner,
noch einmal möchte ich mich ganz herzlich bedanken !!!!!! Normalerweise würde ich ja sagen, ich geb einen Kaffee aus, aber das ist hier ja nicht möglich. Trotzdem Danke für Deine Bemühungen.
Jetzt funktioniert alles richtig und das Zittern habe ich auch wegbekommen:
http://www.fishans.ch/
Lieben Gruß
Gitty
 |
|
|
|
| 01 März 2010 09:48 |
|
 |
|