Autor |
Nachricht |
-
meine-drops
|
20.05.2012 um 14:41 (UTC) Titel: Problem mit Java-Galerie |
|
|
Leider funktioniert in meiner Galerie das Wechseln der Bilder nicht, sobald das Script nicht, sobald ich es auf meiner Homepage einbaue. Starte ich das Script direkt im Browser, funktioniert allerdings alles problemlos.
Habe ich evtl. einen Fehler im Code, oder woran könnte das liegen?
Code: <!-- Beginn Galerie -->
<script type="text/javascript">
<!-- Hauptbilder der Galerie -->
var Bild = 0;
function setBild()
{
if (Bild == 1)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg4mtyzatlu/011.jpg' width='600px'/>";
}
else
if (Bild == 2)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg4mjayenzl/screenshot2012-05-1818_43_10.png' width='600px'/>";
}
else
if (Bild == 3)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg4mjazzgc1/screenshot2012-05-1818_43_17.png' width='600px'/>";
}
else
if (Bild == 4)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg4mja0a21j/screenshot2012-05-1818_45_13.png' width='600px'/>";
}
else
if (Bild == 5)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzqybzdh/neue_r10.jpg' width='600px'/>";
}
else
if (Bild == 6)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzqzegmy/doh11.jpg' width='600px'/>";
}
else
if (Bild == 7)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzq0njyz/fis10.jpg' width='600px'/>";
}
else
if (Bild == 8)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzq1b3qz/herbha10.jpg' width='600px'/>";
}
else
if (Bild == 9)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzq2bzri/kor10.jpg' width='600px'/>";
}
else
if (Bild == 10)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzq3a2ls/leucht10.jpg' width='600px'/>";
}
else
if (Bild == 11)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzq4cwz0/mahlen10.jpg' width='600px'/>";
}
else
if (Bild == 12)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzq5zmxq/rae_im10.jpg' width='600px'/>";
}
else
if (Bild == 13)
{
document.getElementById('Absatz_Bilder').innerHTML = "<img src='http://saved.im/mtg2nzuwcxl3/tele_z10.jpg' width='600px'/>";
}
else
{
Bild = 0;
}
}
</script>
<!-- Einstellungen der Galerie/Vorschaubilder -->
<center>
<table style="text-align: center; border: solid 0px #078A1F; background-color: #transparent;" cellspacing="5" cellpadding="5" width="600" height="450" align="center" border="0"><tbody>
<tr><td style="width: 80px; text-align: left; border-right: solid 0px #666666;">
<!-- Beginn der Scrollbar --><div style="width: 97px; height:450px; overflow-y:scroll;"><!-- Ende der Scrollbar -->
<!-- Beginn der Vorschaubilder -->
<a href="javascript:void(0)" onclick="Bild=13; setBild();"><img src="http://saved.im/mtg2nzuwcxl3/tele_z10.jpg" alt="lädt" title="Tele ins Ini-Gebiet" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=12; setBild();"><img src="http://saved.im/mtg2nzq5zmxq/rae_im10.jpg" alt="lädt" title="Raeria" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=11; setBild();"><img src="http://saved.im/mtg2nzq4cwz0/mahlen10.jpg" alt="lädt" title="Syrtis Mühle" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=10; setBild();"><img src="http://saved.im/mtg2nzq3a2ls/leucht10.jpg" alt="lädt" title="Syrtis Mauer Ausschnitt" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=9; setBild();"><img src="http://saved.im/mtg2nzq2bzri/kor10.jpg" alt="lädt" title="Korsum" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=8; setBild();"><img src="http://saved.im/mtg2nzq1b3qz/herbha10.jpg" alt="lädt" title="Herbred Händler" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=7; setBild();"><img src="http://saved.im/mtg2nzq0njyz/fis10.jpg" alt="lädt" title="Fisgael" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=6; setBild();"><img src="http://saved.im/mtg2nzqzegmy/doh11.jpg" alt="lädt" title="Dohsim" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=5; setBild();"><img src="http://saved.im/mtg2nzqybzdh/neue_r10.jpg" alt="lädt" title="Lamai" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=4; setBild();"><img src="http://saved.im/mtg4mja0a21j/screenshot2012-05-1818_45_13.png" alt="lädt" title="Vulkanzone 3" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=3; setBild();"><img src="http://saved.im/mtg4mjazzgc1/screenshot2012-05-1818_43_17.png" alt="lädt" title="Vulkanzone 2" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=2; setBild();"><img src="http://saved.im/mtg4mjayenzl/screenshot2012-05-1818_43_10.png" alt="lädt" title="Vulkanzone 1" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=1; setBild();"><img src="http://saved.im/mtg4mtyzatlu/011.jpg" alt="lädt" title="Ignis Landschaft" width="70px"/></a><br><br>
</div></td>
<!-- Startbild der Galerie -->
<td style="width: 390px; text-align: center;">
<p id="Absatz_Bilder"><img src="http://saved.im/mtg2nzq0njyz/fis10.jpg" width="600px"/></p></td></tr></tbody></table>
</center><br>
Zuletzt bearbeitet von meine-drops am 20.05.2012, 15:43, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
mediadesigns
|
|
↑
|
|
|
-
meine-drops
|
20.05.2012 um 15:06 (UTC) Titel: |
|
|
Diese Variante gefällt mir an sich auch ganz gut, aber ist für mich eher ungeeignet, da ich die Bilder/Galerie ganz gerne direkt eingebunden hätte. |
|
↑
|
|
|
|
20.05.2012 um 20:06 (UTC) Titel: |
|
|
Könntest du vielleicht einen Link zu deiner Galerie posten?
Was ganz anderes: Hast du das JavaScript selbst geschrieben? Das könnte man nämlich deutlich effizienter lösen
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
|
-
meine-drops
|
21.05.2012 um 15:02 (UTC) Titel: |
|
|
Hier ist der gewünschte Link:
http://meine-drops-testpage.de.tl/%20%20.htm
Die Galerie befindet sich ganz unten auf der Seite.
Das Script habe ich hier im Forum gefunden und etwas abgeändert.
Zuletzt bearbeitet von meine-drops am 21.05.2012, 16:07, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
|
22.05.2012 um 09:43 (UTC) Titel: |
|
|
Zuerst einmal hast du da grobe HTML-Fehler drin:
Zitat: <!-- Beginn der Vorschaubilder -->
<a href="javascript:void(0)" onclick="Bild=13; setBild();"><img src="http://saved.im/mtg2nzuwcxl3/tele_z10.jpg" alt="lädt" title="Tele ins Ini-Gebiet" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="Bild=12; setBild();"><img src="http://saved.im/mtg2nzq5zmxq/rae_im10.jpg" alt="lädt" title="Raeria" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=11; setBild();"><img src="http://saved.im/mtg2nzq4cwz0/mahlen10.jpg" alt="lädt" title="Syrtis Mühle" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=10; setBild();"><img src="http://saved.im/mtg2nzq3a2ls/leucht10.jpg" alt="lädt" title="Syrtis Mauer Ausschnitt" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=9; setBild();"><img src="http://saved.im/mtg2nzq2bzri/kor10.jpg" alt="lädt" title="Korsum" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=8; setBild();"><img src="http://saved.im/mtg2nzq1b3qz/herbha10.jpg" alt="lädt" title="Herbred Händler" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=7; setBild();"><img src="http://saved.im/mtg2nzq0njyz/fis10.jpg" alt="lädt" title="Fisgael" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=6; setBild();"><img src="http://saved.im/mtg2nzqzegmy/doh11.jpg" alt="lädt" title="Dohsim" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=5; setBild();"><img src="http://saved.im/mtg2nzqybzdh/neue_r10.jpg" alt="lädt" title="Lamai" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=4; setBild();"><img src="http://saved.im/mtg4mja0a21j/screenshot2012-05-1818_45_13.png" alt="lädt" title="Vulkanzone 3" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=3; setBild();"><img src="http://saved.im/mtg4mjazzgc1/screenshot2012-05-1818_43_17.png" alt="lädt" title="Vulkanzone 2" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=2; setBild();"><img src="http://saved.im/mtg4mjayenzl/screenshot2012-05-1818_43_10.png" alt="lädt" title="Vulkanzone 1" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="Bild=1; setBild();"><img src="http://saved.im/mtg4mtyzatlu/011.jpg" alt="lädt" title="Ignis Landschaft" width="70px"/></a><br><br>
Das rote hinzufügen.
Die Firefox-Fehlerkonsole behauptet, "setBild is not defined".
Mache mal aus
Zitat: function setBild()
{
folgendes:
Zitat: function setBild() {
Das dürfte eigentlich aber nicht das Problem sein...
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
Zuletzt bearbeitet von transint am 22.05.2012, 10:46, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
meine-drops
|
22.05.2012 um 12:36 (UTC) Titel: |
|
|
Also mit deiner Variante funktioniert die Galerie nicht mal mehr, wenn ich das Script direkt im Browser ausführe.
Dennoch danke für deine Hilfe. |
|
↑
|
|
|
|
22.05.2012 um 13:30 (UTC) Titel: |
|
|
Warum das nicht funktioniert, weiß ich nicht
Egal, folgender Code unterscheidet sich nicht grundsätzlich von deinem, das JavaScript ist aber deutlich übersichtlicher.
Gestestet und funktionstüchtig:
Zitat: <!-- Beginn Galerie -->
<script type="text/javascript">
<!-- Hauptbilder der Galerie -->
var Bild = 0;
function setBild(bildurl)
{
document.getElementById('Absatz_Bild').src = bildurl;
}
</script>
<!-- Einstellungen der Galerie/Vorschaubilder -->
<center>
<table style="text-align: center; border: solid 0px #078A1F; background-color: #transparent;" cellspacing="5" cellpadding="5" width="600" height="450" align="center" border="0"><tbody>
<tr><td style="width: 80px; text-align: left; border-right: solid 0px #666666;">
<!-- Beginn der Scrollbar --><div style="width: 97px; height:450px; overflow-y:scroll;"><!-- Ende der Scrollbar -->
<!-- Beginn der Vorschaubilder -->
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzuwcxl3/tele_z10.jpg');"><img src="http://saved.im/mtg2nzuwcxl3/tele_z10.jpg" alt="lädt" title="Tele ins Ini-Gebiet" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzq5zmxq/rae_im10.jpg');"><img src="http://saved.im/mtg2nzq5zmxq/rae_im10.jpg" alt="lädt" title="Raeria" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzq4cwz0/mahlen10.jpg');"><img src="http://saved.im/mtg2nzq4cwz0/mahlen10.jpg" alt="lädt" title="Syrtis Mühle" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzq3a2ls/leucht10.jpg');"><img src="http://saved.im/mtg2nzq3a2ls/leucht10.jpg" alt="lädt" title="Syrtis Mauer Ausschnitt" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzq2bzri/kor10.jpg');"><img src="http://saved.im/mtg2nzq2bzri/kor10.jpg" alt="lädt" title="Korsum" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzq1b3qz/herbha10.jpg');"><img src="http://saved.im/mtg2nzq1b3qz/herbha10.jpg" alt="lädt" title="Herbred Händler" width="70px"/><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzq0njyz/fis10.jpg');"><img src="http://saved.im/mtg2nzq0njyz/fis10.jpg" alt="lädt" title="Fisgael" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzqzegmy/doh11.jpg');"><img src="http://saved.im/mtg2nzqzegmy/doh11.jpg" alt="lädt" title="Dohsim" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg2nzqybzdh/neue_r10.jpg');"><img src="http://saved.im/mtg2nzqybzdh/neue_r10.jpg" alt="lädt" title="Lamai" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg4mja0a21j/screenshot2012-05-1818_45_13.png');"><img src="http://saved.im/mtg4mja0a21j/screenshot2012-05-1818_45_13.png" alt="lädt" title="Vulkanzone 3" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg4mjazzgc1/screenshot2012-05-1818_43_17.png');"><img src="http://saved.im/mtg4mjazzgc1/screenshot2012-05-1818_43_17.png" alt="lädt" title="Vulkanzone 2" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg4mjayenzl/screenshot2012-05-1818_43_10.png');"><img src="http://saved.im/mtg4mjayenzl/screenshot2012-05-1818_43_10.png" alt="lädt" title="Vulkanzone 1" width="70px"/></a><br><br>
<a href="javascript:void(0)" onclick="setBild('http://saved.im/mtg4mtyzatlu/011.jpg');"><img src="http://saved.im/mtg4mtyzatlu/011.jpg" alt="lädt" title="Ignis Landschaft" width="70px"/></a><br><br>
</div></td>
<!-- Startbild der Galerie -->
<td style="width: 390px; text-align: center;">
<p id="Absatz_Bilder"><img id="Absatz_Bild" src="http://saved.im/mtg2nzq0njyz/fis10.jpg" width="600px"/></p></td></tr></tbody></table>
</center><br>
In dem onclick-Event kommt in die Klammer die Bild-URL in einfachen Anführungszeichen.
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
|
-
meine-drops
|
22.05.2012 um 13:55 (UTC) Titel: |
|
|
Aaaah, es funktioniert und ist noch dazu um einiges komfortabler als das alte Script.
Vielen Dank. |
|
↑
|
|
|
|