Alle Kategorien
Suche

Mit JavaScript eine Bildergalerie erstellen

Autor: Achim Günter
Bildergalerien auf der Basis von JavaScript müssen Sie nicht neu erfinden.
Bildergalerien auf der Basis von JavaScript müssen Sie nicht neu erfinden.
Man kann sicherlich alles lernen. Wenn es sich jedoch nur um ein einziges abzuhandelndes Projekt handelt, sollte man abwägen, ob der Aufwand mit dem Ergebnis in irgendeiner Relation steht. Gerade im Bezug auf mit JavaScript erstellten Bildergalerien gibt es zahlreiche Vorlagen, die individuell modifiziert werden können.

Bildergalerien sind besucherfreundlicher

  • Schlichtweg Bilder auf einer Homepage zu veröffentlichen und es dem Besucher selbst zu überlassen, sich durch die Anhäufungen von Fotografien zu arbeiten, ist für diesen recht unpraktisch, geht es doch auch wesentlich komfortabler. JavaScript bietet hier die Gelegenheit, eine Bildergalerie zu erstellen, die es dem Nutzer angenehmer gestaltet, sich Ihre Fotos anzusehen.
  • Verwenden Sie hier fertige Lösungen, so können Sie dies bereits mit nur geringen Kenntnissen in Ihr Internetangebot einbauen. So gilt es hier nur die für Sie am besten geeignete Version auszusuchen, um Ihre Fotos in der Form anzeigen zu lassen, die zum gegebenen Erscheinungsbild Ihrer Webseite passt.
  • Selbstverständlich lässt es sich auch erlernen, JavaScript in der Form zu verwenden, dass Sie sich eine individuelle Bildergalerie erstellen können. Jedoch nimmt dies zum einen viel Zeit in Anspruch und zum anderen setzt dies ein gewisses Grundverständnis für das Programmieren an sich voraus. Egal, wie umfangreich ein Kurs, der diese Thematik aufgreift, auch sein kann, bei jeder Erklärung werden gewisse Grundkenntnisse vorausgesetzt, die nicht jeder mitbringen kann.

JavaScript-Vorlagen lassen sich anpassen

Eine ganz einfache Form einer Bildergalerie lässt sich mit einiger Mühe recht unproblematisch auf jeder HTML-Internetseite integrieren.

<p align="center">
<input type="button" value="zurück" onClick="if (i>0) { LoadPic(--i) };">
<input type="button" value="vor" onClick="if (i<pictures.length-1) { LoadPic(++i) };">
</p>
<p align="center">
<img name="image" src="blank.gif">
</p>
<script type="text/javascript">
pictures = new Array("foto1.jpg", "foto2.jpg", "foto3.jpg", "foto4.jpg", "foto5.jpg");
var i = 0;
function LoadPic(a) {
document.images['image'].src = pictures[a];
}
</script>

  1. Kopieren Sie hierzu das obige Script und fügen Sie es im Anschluss an der Stelle Ihres Internetangebotes ein, an der Sie die Galerie gerne eröffnen möchten. 
  2. Ändern Sie dieses Script, jetzt in der Form ab, dass anstelle des hier zur Verwendung gekommenen Wortes "Foto" und der jeweiligen Zahl, die URL des betreffenden Bildes erscheint, welches Sie anzeigen möchten.

Sie können die Aneinanderreihung der anzuzeigenden Bilder Ihren Wünschen entsprechend ausweiten, indem Sie einfach die jeweilige Reihe erweitern.

helpster.de Autor:in
Achim Günter
Achim GünterAchim bereichert mit seinem hervorragenden Allgemeinwissen den Themenbereich Schule. Als erfahrener Steingartengärtner gibt er sein Insiderwissen auf dem Gebiet Garten gerne weiter. Das Familienoberhaupt kennt sich auch mit Geld und Finanzen bestens aus.
Weiterlesen:
Teilen: