• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bildergalerie / Problem

Status
Für weitere Antworten geschlossen.
A

Anonymous

Neues Mitglied
Hallo,

ich versuche mich momentan an einer Bildergalerie mittels HTML, CSS, JavaScript. Nun stehe ich vor meinem ersten Problem. Normalerweise sollte bei dem Klicken auf ein Bild (unten) das angeklickte Bild oben groß erscheinen. Doch funktioniert das Ganze nicht.

Ich poste mal die 2 wichtigen Dateien für die Galerie:

index.html
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Module / Bildergalerie</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="funktionen.js"></script>
</head>
<body>
<div id="center">
[img]bilder/1.png[/img]



<div id="leiste">
[url="#"][img]bilder/1.png[/img][/url]
[url="#"][img]bilder/2.png[/img][/url]
[url="#"][img]bilder/3.png[/img][/url]
[url="#"][img]bilder/4.png[/img][/url]
[url="#"][img]bilder/5.png[/img][/url]
[url="#"][img]bilder/6.png[/img][/url]
[url="#"][img]bilder/7.png[/img][/url]
[url="#"][img]bilder/8.png[/img][/url]
[url="#"][img]bilder/9.png[/img][/url]
[url="#"][img]bilder/10.png[/img][/url]
[url="#"][img]bilder/11.png[/img][/url]
[url="#"][img]bilder/12.png[/img][/url]
[url="#"][img]bilder/13.png[/img][/url]
</div>
</div>
</body>
</html>
funktionen.js
Code: 
 /* Module / Bildergalerie / Funktionen */
/*            funktionen.js            */

function bilderwechsel (bild)
{
getElementById('display').src = 'bilder/'.bild.'.png';
}
[Ich habe die Einrückungen bewusst weg gelassen.]

Ich hoffe, mir kann jemand helfen, da ich selbst nicht weiß, wieso es nicht funktioniert.


Liebe Grüße,
L.T.M
 
Werbung:
Bei den <a>-Tags fällt mir gleich auf, dass sie überall die gleiche ID haben. Das ist falsch. Eine ID ist eindeutig. Ändere das erstmal. Außerdem werden Strings in JavaScript doch mit + zusammengefügt und nicht mit einem Punkt. Punkte zur Stringzusammenführung sind in PHP üblich. Ansonsten kann ich jetzt keinen weiteren Fehler entdecken.
 
Hallo,

das mit der ID ist schon Absicht, daran liegt es nicht.

Jetzt wo du das mit dem '+' statt dem '.' sagst, du hast Recht. Ich verwechsele des öfteren PHP mit JavaScript.

Ich werde es mal testen. Ich melde mich wieder, wenn es trotzdem Probleme gibt, melde ich mich wieder.


Liebe Grüße,
L.T.M
 
Werbung:
L.T.M schrieb:
das mit der ID ist schon Absicht, daran liegt es nicht.
Zum Vergrößern anklicken....

Wenn du mehrere Tags gleich formatieren (bzw. ansprechen) willst, solltest du das Attribut "class" verwenden und nicht "id".

Gruß
Hobbyuser
 
Hallo,

hobbyuser, das tue ich auch normalerweise, aber ich wollte mal was neues versuchen. Wenn das ganze von dem Validator als unvalide gekennzeichnet wird, ändere ich das natürlich.

Abgesehen davon sehe ich keinen wirklichen Grund, der gegen meine Vorgehensweise spricht.

# Edit
Ich habe jetzt mal nur die Datei funktionen.js verändert, doch meine jetzige Variante bringt auch keinen Erfolg:
Code: 
function bilderwechsel (bild)
{
getElementById('display').src = 'bilder/'+bild+'.png';
}

# Edit 2
Komischerweise funktioniert es, wenn ich in jeden einzelnen <img>-Tag (Vorschau-bilder (unten)) onClick="getElementById('display').src = '1.png';" reinschreibe, das ist mir aber zu unübersichtlich.


Liebe Grüße,
L.T.M
 
Also L.T.M

hab mal kurz bei selfhtml nachgelesen unter:
http://de.selfhtml.org/html/attribute/allgemeine.htm#uebersicht

Dort steht:
Selfhtml schrieb:
id = Ein dateiweit eindeutiger Bezeichnername für ein Element - wenn Sie Elemente damit auszeichnen, sollten Sie keinen id-Namen innerhalb einer HTML-Datei mehr als einmal vergeben. ...
Zum Vergrößern anklicken....

Ich denke die Aussage ist eindeutig und die fachliche Quelle lässt sich auch nicht anzweifeln. :wink:
 
Werbung:
Hallo,

hobbyuser, dass das da steht, hat im Moment nichts mit meinem eigentlichen Problem zu tun.

Abgesehen davon, bin ich nicht der Überzeugung, dass man immer alles nach Vorgaben machen muss. Wenn ich eben was neues testen möchte, tue ich das, ob mir das selfhtml "verbietet", ist mir in diesem Falle dann ziemlisch egal.

Das können wir aber auch ein anderes mal ausdiskutieren, jetzt bitte ich dich, dich lieber meinem Problem anzunehmen, wenn du meinem Thread denn schon so viel Aufmerksamkeit schenkst.


Liebe Grüße,
L.T.M
 
hi,

bin mir nich ganz sicher, aber gehört in das <script>-tag nich auch die type-definition?! also:

HTML: 
<script type="text/javascript"  src="xy.js"</script>
grüße...
 
Ähm.... Wieso greifst du einen 6Monaten alten Thread wieder auf?

Grabschänder
 
Werbung:
hi,

aus hilfsbereitschaft (motto: lieber spät als nie)?! wusste nich dass das verpöhnt oder gar verboten ist...*tschuldigung*

gruß kekez
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben