Wenn der vorhandene Slider nicht mehr unterstützt wird
Eine individuelle Lösung mit JavaScriptNicht immer funktioniert eine technische Lösung noch so, wie sie ursprünglich vorgesehen war. Gerade bei der Weiterentwicklung bestehender Websites kann es passieren, dass Erweiterungen oder JavaScript-Bibliotheken nicht mehr mit der eingesetzten Systemumgebung kompatibel sind.
Vor einer solchen Herausforderung standen wir bei der Umsetzung einer Bildergalerie. Eigentlich sollte ein bereits vorhandener Slider verwendet werden. Das Problem: Die zugrunde liegende Bibliothek wurde in der benötigten Umgebung nicht mehr unterstützt und war damit für unseren Einsatzzweck nicht brauchbar.
Anstatt die gesamte Gestaltung von einer nicht mehr unterstützten Lösung abhängig zu machen, entschieden wir uns für einen anderen Weg. Wir entwickelten die benötigte Slider-Funktion mit eigenem JavaScript.
Die Herausforderung
Ein vorhandener Slider, der nicht mehr nutzbar warSlider sind auf vielen Websites im Einsatz. Sie ermöglichen es, mehrere Bilder platzsparend zu präsentieren und Besuchern die Möglichkeit zu geben, zwischen den einzelnen Motiven zu wechseln.
Für unsere Bildergalerie war eine solche Darstellung bereits vorgesehen. Die technische Grundlage dafür existierte ebenfalls, ließ sich unter den gegebenen Voraussetzungen jedoch nicht mehr sinnvoll verwenden.
Solche Situationen sind in der Webentwicklung nicht ungewöhnlich. Websites werden aktualisiert, technische Anforderungen verändern sich und nicht jede ältere Bibliothek wird dauerhaft weiterentwickelt oder unterstützt.
Wir mussten deshalb entscheiden, ob wir eine andere fertige Slider-Bibliothek einsetzen oder die tatsächlich benötigten Funktionen selbst umsetzen.
Da wir keine umfangreiche Erweiterung mit zahlreichen zusätzlichen Funktionen benötigten, entschieden wir uns für eine schlankere, individuell entwickelte Lösung.
Die Umsetzung
Ein eigener Slider mit JavaScriptUnser Ziel war es, die gewünschte Bildergalerie möglichst unabhängig von einer zusätzlichen Slider-Bibliothek umzusetzen. Dabei wollten wir uns auf die Funktionen konzentrieren, die für die Darstellung tatsächlich benötigt wurden.
Die Grundlage bildete eine Kombination aus HTML, CSS und JavaScript. Während HTML die Struktur der Bildergalerie vorgibt und CSS für deren Darstellung sorgt, übernimmt JavaScript die eigentliche Steuerung.
Im Mittelpunkt stand dabei der Wechsel zwischen den Bildern. Die Steuerung musste erkennen, welches Bild gerade angezeigt wird, und beim Wechsel die entsprechende Darstellung aktualisieren.
Auch die unterschiedlichen Bildschirmgrößen mussten berücksichtigt werden. Schließlich soll eine Bildergalerie nicht nur auf einem großen Monitor funktionieren, sondern auch auf Tablets und Smartphones sinnvoll bedienbar sein.
Statt eine umfangreiche externe Lösung einzubinden, konnten wir die Funktionen auf unsere konkreten Anforderungen abstimmen und auf überflüssige Bestandteile verzichten.
Warum eine individuelle Lösung manchmal sinnvoller ist
Fertige JavaScript-Bibliotheken haben durchaus ihre Berechtigung. Sie bieten zahlreiche Funktionen, sind häufig gut dokumentiert und können bei umfangreichen Anforderungen viel Entwicklungsarbeit ersparen.
Allerdings bringt jede zusätzliche Bibliothek auch eigene Voraussetzungen und Abhängigkeiten mit sich. Sie muss zur vorhandenen Systemumgebung passen und bei zukünftigen Aktualisierungen weiterhin funktionieren.
Bei überschaubaren Anforderungen kann es deshalb sinnvoll sein, eine Funktion gezielt selbst zu entwickeln. Der Umfang des benötigten JavaScripts bleibt kontrollierbar und Anpassungen lassen sich direkt an der eigenen Umsetzung vornehmen.
Das bedeutet allerdings nicht, dass individuell entwickelter Code grundsätzlich besser oder wartungsärmer ist. Auch eigene Lösungen müssen sorgfältig umgesetzt, geprüft und bei Bedarf weiterentwickelt werden.
Entscheidend ist für uns, welcher Ansatz unter den jeweiligen Voraussetzungen die sinnvollere Wahl darstellt.
Das Ergebnis
Eine Bildergalerie ohne zusätzliche Slider-BibliothekMit der individuellen JavaScript-Lösung konnten wir die benötigte Slider-Funktion umsetzen, ohne weiterhin von der nicht unterstützten Bibliothek abhängig zu sein.
Die Bildergalerie lässt sich in das vorhandene Webdesign integrieren und entsprechend den Anforderungen gestalten. Gleichzeitig bleibt die technische Umsetzung auf die tatsächlich benötigten Funktionen beschränkt.
Dieses Beispiel zeigt, dass eine technische Einschränkung nicht zwangsläufig bedeutet, auf eine gewünschte Funktion verzichten zu müssen.
Manchmal ist es sinnvoller, einen anderen Weg einzuschlagen, als an einer bestehenden Lösung festzuhalten, die unter den aktuellen Voraussetzungen nicht mehr zuverlässig eingesetzt werden kann.
Und genau solche Herausforderungen machen die individuelle Webentwicklung für uns interessant.
Du benötigst eine individuelle Lösung für Deine Website?
Eine gewünschte Funktion lässt sich nicht wie vorgesehen umsetzen, eine bestehende Erweiterung wird nicht mehr unterstützt oder Du hast besondere Anforderungen, die über die Möglichkeiten fertiger Lösungen hinausgehen?
Wir unterstützen Dich dabei, passende technische Lösungen zu finden und individuelle Funktionen für Deinen Internetauftritt zu entwickeln. Dabei behalten wir sowohl die Gestaltung als auch die langfristige Nutzbarkeit Deiner Website im Blick.