Felix Riesterer: Bilder je nach auswahl anzeigen

Beitrag lesen

Lieber Hans Wurst,

Mein Fazit: Schreibe Deine neun Bilderseiten und bleibe bei Altbewährtem. Das ist in jedem Falle sicherer und stabiler.
Warum?
Wenn er was lernen will, dann wird er das auch!

alles zu seiner Zeit. So, wie ich die Lage einschätze, steht der OP vor seinem ersten größeren Webprojekt, für das er sich eigens in die Grundlagen von HTML(!) eingearbeitet hat. Wenn ich bedenke, welchen Lernweg ich in Sachen HTML zurücklegen musste, und welchen Lernweg andere wie hier im Forum des öfteren zu beobachten ist zurücklegen, denke ich allen Ernstes, dass meine momentane Empfehlung sinnvoll war.

So wie ich es verstanden habe, kann er schon programmieren, nur halt nich in PHP / JS.

Schon klar. Aber sinnvoller (lies: "sinnbehafteter" oder "semantischer") HTML-Code ist ein Ziel, das man sicher nicht durch PHP oder JavaScript erlernt, sondern durch das Schreiben von (X)HTML-Dokumenten. Wenn das dann einigermaßen sitzt, dann kann man an PHP oder/und JavaScript gehen. Aber die Grundlage eines sinnvollen oder gar semantischen Codes ist meines Erachtens zu sehr erstrebenswert, als dass man diese Qualität aus den Augen verlieren darf. Ein zu frühes Ausprobieren in den ergänzenden Technologien (client- oder serverseitig) kann diesen Lernprozess bremsen, da man sich eher verzettelt. Deswegen meine Empfehlung.

@OP
Benutze JavaScipt-Events, wie <img id="2005" [...] onclick="showPic(this.id);" />

function showPic(id) {
if(Number(id) == 2005) // Zeige Bilder von 2005
else if(Number(id) == 2006) // Zeige Bilder von 2006
else // Zeige Bilder von heute oder so
}

  
Bei allem Respekt, aber das halte ich dann doch für ernsthaft suboptimal! Dieser Code ist ja wie aus dem letzten Jahrtausend! Genau sowas sollte sich der OP erst garnicht angewöhnen! Schau mal lieber in [meinen Artikel](http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/) nach, wie man ein JavaScript sinnvoller aufbaut. "Hartcodierte" Eventhandler... brrrrr!  
  
Liebe Grüße,  
  
Felix Riesterer.

-- 
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)