Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.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
Beitrag20.05.2012 um 14:44 (UTC)    
Titel:

Hallo,

Schau mal hier vil gefällt dir diese auch

Arrow http://www.homepage-baukasten.de/forum/viewtopic.php?p=757957&highlight=#757957

Lg mediadesigns
______________
Beitrag20.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.
Beitrag20.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 Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag21.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
Beitrag22.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
Beitrag22.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. Smile
Beitrag22.05.2012 um 13:30 (UTC)    
Titel:

Warum das nicht funktioniert, weiß ich nicht Confused

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
Beitrag22.05.2012 um 13:55 (UTC)    
Titel:

Aaaah, es funktioniert und ist noch dazu um einiges komfortabler als das alte Script. Smile
Vielen Dank.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de